Question

我有一个PHP脚本将此json数据传递给highcharts

{"Month":["July", "August", "September", "October"],"Values":[2341, 1245, 989, 1829]}

在Highcharts我正在创建一个条形图。将月插入xAxis.categories，并将值插入到系列[0] .data

中

图表渲染正确，但是，是否可以更改图表中单个条形的颜色？例如，如果我想将10月份变为红色，同时将所有其他月份保持为默认的银色。

Answer 1

API文档中明确了如何执行此操作的详细信息：http://api.highcharts.com/highcharts#series.data.color，您可以在单个数据点上设置颜色，请参见此处：

所以，从你的例子中，这可以做你想要的：

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 } ],
    }]
});

Fiddle

如果你想稍后改变颜色，那么评论中的链接答案会显示 - 如果有一个循环改变了所有的点，你可以用它来改变一个。

Answer 2

您可以随时设置系列/图表的颜色，然后将colorByPoint设置为true，请参阅：http://jsfiddle.net/QgBpk/

好处是您不需要预处理数据来为特定点添加颜色。

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

2 个答案: