2014-12-03 57 views
0

我正在使用AmChart制作折线图。我想根据y值动态更改项目符号(bulletColor)的颜色。例如:amCharts:动态更改子弹颜色

默认bulletcolor:green 如果值大于103%,子弹的颜色应该是橙色 如果值大于105%,则子弹的颜色应该是红色。

我注意到有一些自定义字段会从'bulletSizeField'和'bulletField'(自定义bulletpicture)的json中获取数据,但我无法找到是否可以只改变子弹的颜色。 有没有人知道是否有办法实现这个结果? (无论是在AmChart本身,还是像'BulletField'一样从jsonfile中获取colordata)。

回答

0

您可以在生成dataProvider数据的脚本中添加一些逻辑并根据值每次传递颜色。

http://jsfiddle.net/qkc8bgtq/

"dataProvider": [ 
    { 
    "lineColor": "#00aa00", 
    "date": "2012-01-01", 
    "duration": 100 
    }, 
    { 
    "lineColor": "#00aa00", 
    "date": "2012-01-02", 
    "duration": 102 
    }, 
    { 
    "lineColor": "#ff9900", 
    "date": "2012-01-03", 
    "duration": 104 
    }, 
    { 
    "lineColor": "#aa0000", 
    "date": "2012-01-04", 
    "duration": 106 
    }, 
    { 
    "lineColor": "#aa0000", 
    "date": "2012-01-05", 
    "duration": 108 
    } 
] 
+0

但你传递bulletColor?我尝试过,但AmChart似乎没有从json中获取bordercolorvalues。 LineColor更改了bulletcolor,但也更改了线条本身的颜色:我希望线条在整个图表中保持相同的颜色,并且只有在达到某个值时才使子弹变色 – Jorinde 2014-12-05 15:54:55