0

面グラフにグラデーションを適用しようとしています。グラフは更新後に再レンダリングされます。しかし、このシナリオでは、グラデーションは更新されません。助けていただければ幸いです。詳細を提供する準備ができています。よろしくお願いします。

ここに私の試みがあります、

$(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/

4

1 に答える 1

0

まず、chartを使用するときは変数がありませんchart.series[0].update。次を使用して取得できます。

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

エラーについてはコンソールを参照してくださいchart。未定義であることを示しています。

そして、stopsあなたは間違ったフォーマットを使用しています。次のように使用します。

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

ここにフィドルがあります：http://jsfiddle.net/42fowwg0/2/

于 2014-12-20T09:36:36.353 に答える