首页 文章

Highcharts多色线

提问于
浏览 次
1

我期待用多色线创建一些高图 . 如果它在某个值下降，它变为红色，当它超过这个值时，它变为绿色 .

这是图片示例：
Gradient example

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

javascript highcharts

1 回答

  • 2

    您可以使用 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']
    ]
}

    stops 中的 0 与系列的最小值和 1 的最大值相关，其间的所有值都是这些值之间的百分比 .

    如果在创建图表之前根据值找到百分比，则可以使用正确的 stops 值使其与数据中的特定值相关（至少近似值） .

    见this JSFiddle example .

    回复于

相关问题