0

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

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

在 Highcharts 中，我正在创建一个条形图。月份被插入到 xAxis.categories 中，值被插入到 series[0].data

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

4

2 回答 2

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

小提琴

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

于 2013-10-17T03:06:23.947 回答
1

您始终可以简单地为系列/图表设置颜色，然后设置colorByPoint为 true，请参阅：http: //jsfiddle.net/QgBpk/

好处是您无需预处理数据即可为特定点添加颜色。

于 2013-10-17T09:58:04.853 回答