如何更改所选列的颜色？

Question

这是我的 Amchart 工作示例。

我想改变前四列的颜色。

我知道我可以通过在 JSON 文件中将颜色指定为属性来更改颜色。

  "color":"hex code"

还有其他方法可以改变颜色吗？

我想实现这样的目标？

Answer 1

您的意思是不在 javascript 文件中使用颜色属性？

老实说，我不知道使用 Amchart 的正确方法，但如果您的演示有任何指示，您只需为属性中的所有条形设置路径标记的填充属性 =19=] 文件.

Answer 2

如果您要求一种方法来设置各个列的颜色，而无需在图表和数据中指定 lineColorField and/or fillColorsField，则无法做到这一点。如果您打算使用这些字段中的任何一个，您可以这样做：

  "dataProvider": [{
    "day": 3,
    "zone_id": 2,
    "short_trips": 40,
    "long_trips": 60,
    "columnColor": "#00cc00",
  }, {
    "day": 3,
    "zone_id": 3,
    "short_trips": 30,
    "long_trips": 30,
    "columnColor": "#00cc00",
  }, {
    "day": 3,
    "zone_id": 4,
    "short_trips": 40,
    "long_trips": 60,
    "columnColor": "#00cc00",
  }, {
    "day": 3,
    "zone_id": 5,
    "short_trips": 90,
    "long_trips": 60
     // no color specified, use default color
  }, 
  // ...
],
"graphs": [{
  "fillColorsField": "columnColor",
  // ...
}]

Demo

如何更改所选列的颜色？

How to change the color of selected columns?

javascript

jquery

amcharts