Javascript 更改同一系列数据中数据的条形图颜色
我有一个php脚本,它将这个json数据传递给highchartsJavascript 更改同一系列数据中数据的条形图颜色,javascript,php,json,highcharts,Javascript,Php,Json,Highcharts,我有一个php脚本,它将这个json数据传递给highcharts {"Month":["July", "August", "September", "October"],"Values":[2341, 1245, 989, 1829]} 在Highcharts中,我创建了一个条形图。月份正在插入xAxis.categories,值正在插入系列[0]。数据 图表呈现正确,但是,是否可以仅更改图表中单个条形图的颜色?例如,如果我想将10月份设置为红色,而将其他月份保留为默认的银色。API文档中明
{"Month":["July", "August", "September", "October"],"Values":[2341, 1245, 989, 1829]}
在Highcharts中,我创建了一个条形图。月份正在插入xAxis.categories,值正在插入系列[0]。数据
图表呈现正确,但是,是否可以仅更改图表中单个条形图的颜色?例如,如果我想将10月份设置为红色,而将其他月份保留为默认的银色。API文档中明确了如何执行此操作的详细信息:,您可以在单个数据点上设置颜色,请参见此处: 因此,从您的示例中,这就是您想要的:
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: "bar"
},
xAxis: {
categories: [ "July", "August", "September", "October"]
},
series: [{
data: [2341, 1245, 989, { color: 'red', y: 1829 } ],
}]
});
如果你以后想改变颜色,那么注释中的链接答案显示了如何——有一个循环在改变所有的点,你可以用它只改变一个点 您总是可以简单地为序列/图表设置颜色,然后将
colorByPoint
设置为true,请参见:
好的是,您不需要预处理数据来为特定点添加颜色。可能的重复我不相信它是重复的。我想知道,当条形图的数据都保存在同一个series.data下时,是否可以更改条形图单个条形图的颜色。如果没有,是否可以将json数据分解为不同的系列数据?能否共享您的JSFIDLE?谢谢!我非常喜欢这个解决方案,而且很容易实现。