javascript - 如何在 HighCharts 中动态更新线性渐变到区域？

Question

我正在尝试在面积图中应用渐变。更新后图表正在重新渲染。但在这种情况下，渐变没有更新。感谢任何帮助。我已准备好进一步提供详细信息。提前致谢。

这是我的尝试，

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
        plotOptions: {
            series: {
                fillColor: {
                    linearGradient: [0, 0, 0, 300],
                    stops: [
                        [0, '#E6C80E'],
                        [1, '#FEFC50']
                    ]
                }
            }
        },
        series: [{
            data: [20, 200, 100, 0.1, 150, 50, 30, 40, 300]
        }]

    });  
    chart.series[0].update({
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
        stops : [
            [0,'#c74350'],
            [1,'#fe7676']
        ]
    });
});

这是链接http://jsfiddle.net/42fowwg0/

Answer 1

首先，chart当您使用chart.series[0].update. 您可以通过以下方式获得它：

Highcharts.charts[0].series[0].update

查看控制台是否有错误，它显示chart未定义。

并且因为stops您使用了错误的格式。像这样使用它：

stops: [[0, '#c74350'],
        [1, '#fe7676']]

这是小提琴：http: //jsfiddle.net/42fowwg0/2/