Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/285.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改同一系列数据中数据的条形图颜色_Javascript_Php_Json_Highcharts - Fatal编程技术网

Javascript 更改同一系列数据中数据的条形图颜色

Javascript 更改同一系列数据中数据的条形图颜色,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文档中明

我有一个php脚本,它将这个json数据传递给highcharts

{"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?谢谢!我非常喜欢这个解决方案,而且很容易实现。