如何在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。