带梯度绿色 - 黄色 - 红色的仪表图

Question

我正在尝试获得一个规格图，该规格图将根据其已满的百分比具有渐变，类似于下图。我能管理的最接近的是显示所有渐变颜色，无论其值如何 - 如here。

    var x = 80; // Change x to see effects.

有没有人设法根据价值获得渐变？

Answer 1

您可以使用yAxis停止并为图表添加渐变。例如，您可以为您的仪表添加点（在加载事件回调函数内），其值从正常的y值减少到0.这将使您有机会获得类似于具有多个点的渐变。

function(chart) {
    var y = this.series[0].data[0].y;
    for (var i = y; i >= 0; i = i - 1) {
      chart.addSeries({
        data: [i],
        stickyTracking: false,
        enableMouseTracking: false
      }, false)
    }
    chart.redraw();
  }

在这里，您可以看到一个示例：http://jsfiddle.net/64mfcg3v/6/

亲切的问候，