amCharts:动态更改项目符号颜色

amCharts: dynamically changing bullet color

本文关键字：项目 符号 颜色 动态 amCharts      更新时间：2023-09-26

我正在使用AmChart制作折线图。我想根据 y 值动态更改项目符号的颜色（子弹颜色）。所以例如：

默认项目符号颜色：绿色值高于 103% 时，项目符号的颜色应为橙色当值高于 105% 时，项目符号的颜色应为红色。

我注意到有一些自定义字段可以从"bulletSizeField"和"bulletField"（自定义项目符号图片）的 json 中获取数据，但我找不到是否可以仅更改项目符号的颜色。有谁知道是否有办法实现这个结果？（要么在AmChart本身中，要么像'BulletField'一样从jsonfile中获取颜色数据）。

您可以在生成 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
  }
]
相关文章：