使用HighCharts将线性渐变应用于样条曲线

Question

我正在尝试对样条曲线执行此线性渐变（image spline chart）。

当值很好时，样条曲线必须为绿色，但如果值不好，则样条曲线必须为蓝色。 图片或多或少与我的情况相对应。

这是我的测试

series: [{
    data: [60000, 40000, 30000],
    color: {
      linearGradient: [0, 60000, 0, 30000], 
      stops: [
        [0, '#7CB5EC'],
        [1, '#00FFA8']
      ]
    }
  }]

我希望更大的值是蓝色和绿色的最小值。为什么我看不到任何阴影？

Answer 1

你应该提到像

这样的渐变轴

linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }

见https://www.highcharts.com/docs/chart-design-and-style/colors

Highcharts.chart('container', {
series: [{
    data: [60000, 40000, 30000, 80000],
    color: {
    linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
    stops: [
        [0, 'blue'],
        [1, 'green']
    ]
    }
  }]
});

示例：https://jsfiddle.net/ponmudi/w7433n2d/