如何在Highcharts中为区域边界实现纯色？

Question

我在Highcharts中用不同的颜色设置了折线图，以指示达到不可接受的高值（95％或更高）的值。

要做到这一点，我添加区，以我的系列配置，如下所示：

zones: [{ 
    value: 95, 
    color: 'lightblue' 
}, { 
    color: 'red' 
}] 

一个蓝色区域包括值高达95，另一个红色区域显示了较高的值。

似乎当数值接近95时，线条开始变红，这意味着在线条接近但从未达到95％的图表上，线条显示（部分）红色。

我想要防止这种情况，只有当数值达到95％时才将线条变红。有没有办法做到这一点？

Here是一个演示显示问题。谢谢！

Answer 1

这是一个棘手的问题。

首先，你的数据看起来像一条直线，并且很接近。在这些情况下，使用zones属性的颜色重叠是不可避免的。

但有一个技巧，你可以尝试;

Highcharts有一个插件叫做MultiColor你可以找到here。

使用此插件，您可以创建多色折线图;

我们能为您的图表做的是修改数据，包括色彩，如，

data: [94.0, 94.1, 94.2, 94.3, 94.4, 94.5, 94.6, 94.7, 94.8, 94.9, 94.8, 94.7, {y: 95.0, segmentColor: 'red'},{y: 95.4, segmentColor: 'red'}, {y: 96.1, segmentColor: 'red'}] 

而且这种修改将使我们要求的结果：

现场示例：jsFiddle。