如何在Amcharts stock柱形图中设置单独的列颜色?

时间:2016-11-25 17:21:00

标签: javascript amcharts

您好,我想为每列设置备用列颜色 fiddle 提前致谢

1 个答案:

答案 0 :(得分:2)

@Mahi有正确的想法,但该链接指向一个基于插件的解决方案,该解决方案应用当前图表主题中的颜色,以便掩盖细节。

进一步详细说明,在设置单个列(或线条/项目符号)颜色时,您必须在图形对象中定义lineColorFieldfillColorsField,然后在数据中设置颜色。例如,在您的数据中:

[
  {
    "date": "2016-11-25",
    "value": 3,
    "color": "#ff0000"
  },
  {
    "date": "2016-11-26",
    "value": 3,
    "color": "#00ff00"
  },
  // ...
]

然后在你的图形对象中:

"graphs": [{
  "lineColorField": "color",
  "fillColorsField": "color", // if your chart has a fill like a column or area line graph
  // ...
}]

或股票图表的股票图表:

"stockGraphs": [{
  "lineColorField": "color",
  "fillColorsField": "color", // if your chart has a fill like a column or area line graph
  // ...
}]

对于像小提琴这样的股票图表,您还需要设置categoryAxesSettings' maxSeries属性为0,因为在启用数据分组功能时无法应用自定义颜色。

"categoryAxesSettings": {
  "maxSeries": 0,
  // ...
}

这是一个更新的小提琴:http://jsfiddle.net/rbz7312m/3/