使用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/