高圖多色線

Question

我想用彩色線條創建一些圖表。 如果下降到某個值以下，它將變為紅色，當超過該值時，它將變為綠色。

這是圖片示例：

還是高圖表有其他一些圖表模型可以區分顏色的高低層次？

Answer 1

您可以使用linearGradient着色實現着色：

color: {
    linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
    stops: [
        [0, 'red'],
        [0.25, 'yellow'],
        [0.50, 'green'],
        [0.75, 'yellow'],
        [1, 'red']
    ]
}

在這里， 0 stops與系列的最小值有關，而1與最大值有關，介於兩者之間的所有值都是這些值之間的百分比。

如果在創建圖表之前根據值找到百分比，則可以使用正確的stops值使其與數據中的特定值相關（至少近似）。

請參閱此JSFiddle示例 。