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

<script src="https://code.highcharts.com/highcharts.js"></script>
<link rel="stylesheet" href="https://code.highcharts.com/css/highcharts.css">

<div id="chartContainer"></div>

Highcharts.chart('chartContainer', {
    title: {
        text: '线性渐变样条线图'
    },
    series: [{
        type: 'spline',
        data: [1, 3, 2, 4, 5, 3, 6],
        color: {
            linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
            stops: [
                [0, 'rgba(255, 0, 0, 1)'],   // 起始颜色
                [1, 'rgba(0, 0, 255, 1)']    // 结束颜色
            ]
        }
    }]
});