Highcharts 样条曲线图梯度填充

我第一次使用Highcharts，它看起来非常令人印象深刻。 然而，我正在努力实现以下目标：

---

可以使用Hightcharts吗？我知道你可以将渐变添加到饼图中，但是我找不到如何实现这一点。我可以为图表设置背景图像吗？

可以使用以下方法设置背景图像或渐变：

chart: {
        type: 'line',
        plotBackgroundImage: 'http://www.highcharts.com/demo/gfx/skies.jpg'
    },

或

或

但是，这是绘图区域的背景，而不是线条本身。要为线条指定渐变颜色，可以将系列的颜色指定为渐变色。e、 g

  series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        color: {
            linearGradient: [0, 0, 0, 500],
            stops: [
                [0, 'rgb(255, 255, 255)'],
                [1, 'rgb(100, 100, 155)']
            ]
        }
    }]

LinearGradient的语法为：

linearGradient: [x1, y1, x2, y2]

创建起点为（x1，y1）终点为（x2，y2）的线性渐变对象

---

这将指定渐变中的两个点和要使用的颜色。在这种情况下，渐变将从起点的（255255）变为终点的（100100155）。如果指定了3个停止点，则可以使渐变从中间的一种颜色过渡到另一种颜色，最后过渡到另一种颜色。希望这有帮助。我建议您试着在我发布的JSFIDLE中使用它，看看它是如何工作的。

设置图表使用的背景。若要为整个图表设置图像，请为容器使用CSS样式

关于渐变，它很有效，请看：

---

您能详细介绍一下

linearGradient

和

stops

选项吗？您的意思是什么，有什么细节或其他不同的吗？

linearGradient: [x1, y1, x2, y2]

 stops: [
                [0, 'rgb(255, 255, 255)'],
                [1, 'rgb(100, 100, 155)']
            ]

        color: {
            linearGradient: {
                x1: 0,
                y1: 0,
                x2: 0,
                y2: 1
            },
            stops: [
                [0, 'red'],
                [0.5, 'green'],
                [1, 'blue']
            ]
        },