Highcharts - 改变数据点之间的线条颜色

Question

我有一个折线图，可以在这个fiddle中看到：http://jsfiddle.net/qjmjd34d/5/

使用以下代码：

Highcharts.chart('container', {
    plotOptions: {
        series: {
            color: 'purple'
        }
    },

    series: [{
    data: [{x: 1, y: 435, color:'blue'},
           {x: 2, y: 437, color:'blue'}, 
           {x: 3, y: 455, color:'blue'}, 
           {x: 4, y: 475, color:'blue'}, 
           {x: 5, y: 555, color:'blue'},
           {x: 6, y: 435, color:'blue'}]
    }]
});

改变点的颜色是很容易的，但是如何改变它们之间的线的颜色呢？

假设我想让给定示例中的线在 x = 3 和 x = 5 之间仅为绿色 - 这可能吗？

- Roysh

Answer 1

要给图表的一部分上色，可以使用zones。

如果您将此包含在上面的系列中，它将使3到5变成红色。

zoneAxis: 'x',
zones: [{value: 3}, {value: 5, color: 'red'}]

区域通过对value进行着色来工作。这意味着我们必须创建一个值为3且没有颜色的元素来传递其他地方设置的颜色。因此，值为5的元素将从3到5进行着色。 示例: http://jsfiddle.net/qjmjd34d/6/ 系列线条区域API: https://api.highcharts.com/highcharts/series.line.zones

- ewolden

---

我们能否在折线图中更改特定值点的颜色，而不是更改整条线的颜色？ - K Pradeep Kumar Reddy