Как динамически обновить линейный градиент в области в 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/