javascript - 如何在 Amcharts 股票柱形图中设置单独的柱形颜色？

Question

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

Answer 1

@Mahi 的想法是正确的，但链接指向一个基于插件的解决方案，该解决方案应用当前图表主题中的颜色，因此它掩盖了细节。

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

[
  {
    "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
  // ...
}]

或者股票图表的stockGraph:

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

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

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

这是一个更新的 fiddle :http://jsfiddle.net/rbz7312m/3/