如何更改所选列的颜色？

Question

这是我的Amchart的工作示例。

code pen working demo

我想更改前四列的颜色。

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

  "color":"hex code"

还有另一种改变颜色的方法吗？

我想实现这样的目标吗？

Answer 1

你的意思是不使用 javascript 文件中的color属性吗？

我说实话，我不知道使用Amchart的正确方法，但如果你的演示有任何迹象，你可以设置你的css中所有栏的路径标记的填充属性文件。

Answer 2

如果您想要设置单独的列颜色而不在图表和数据中指定lineColorField和/或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