Javascript 如何在Amcharts股票柱状图中设置个性化的柱颜色?
嗨,我想为每列设置备用列颜色。Javascript 如何在Amcharts股票柱状图中设置个性化的柱颜色?,javascript,amcharts,Javascript,Amcharts,嗨,我想为每列设置备用列颜色。 提前感谢@Mahi的想法是正确的,但是链接指向了一个基于插件的解决方案,该解决方案应用了当前图表主题的颜色,从而掩盖了细节 为了进一步说明,在设置单个列(或行/项目符号)颜色时,必须在图形对象中定义lineColorField和fillColorsField,然后在数据中设置颜色。例如,在您的数据中: [ { "date": "2016-11-25", "value": 3, "color": "#ff0000" }, {
提前感谢@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
// ...
}]
或股票图表的股票图表:
"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:fiddle link@Mahi-你的想法是对的,但它在细节上有点遮掩,因为它正在实现一个插件,将主题颜色应用到每个专栏,这使得他试图做的有点过火。在使用股票图表时,您还需要执行一个额外的步骤,如下面我的回答所述。