Highcharts多色线

Question

我希望用多色线创建一些高图。 如果它在某个值下降，它变为红色，当它超过该值时，它变为绿色。

以下是图片示例：

或许highcharts有一些其他的图表模型来区分高或低的颜色？

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值使其与数据中的特定值相关（至少近似值）。

请参阅this JSFiddle example。