更改同一系列数据中的数据的条形颜色 - Changing bar colors on data that is within the same series data

Changing bar colors on data that is within the same series data

本文关键字：数据颜色一系列 | 更新日期: 2023-09-27

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

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

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

图表

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

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

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

有关如何执行此操作的详细信息在 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 } ],
    }]
});

小提琴

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