amCharts:动态改变子弹颜色

时间:2014-12-03 15:33:21

标签: javascript charts amcharts

我使用AmChart制作折线图。我想根据y值动态改变子弹的颜色(bulletColor)。例如:

默认bulletcolor:绿色 值大于103%时,子弹的颜色应为橙色 如果值超过105%,子弹的颜色应为红色。

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

1 个答案:

答案 0 :(得分: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
  }
]