javascript - ハイチャートは yAxis プロットラインを動的に追加/変更します

Question

ユーザーが max plotLine をチャートに追加し、プロットがその線を超えた場合にチャートの背景色を変更できるようにしようとしています。プロットラインを更新する方法を取得できないようです。私はもう試した：

chart.yAxis[0].update({
    plotLines: [{
        id: 'limit-max',
        color: 'blue',
        dashStyle: 'LongDashDot',
        width: 1,
        value: 45000,
        zIndex: 0
    }]
});

しかし、私はエラーが発生します:

TypeError: a は未定義です

...dBands,function(a){a.render()});n(this.series,function(a){a.isDirty=!0})},setCat...

highcharts.js (136 行目)

Answer 1

update() 関数が利用できないため、新しい plotLins を破棄して作成することしかできません。

Answer 2

このコードを追加するだけで、 plotline.update メソッドを使用できます

    //Add support for update method
    Highcharts.PlotLineOrBand.prototype.update = function (newOptions){
        var plotBand = this;
        Highcharts.extend(plotBand.options, newOptions);
        if (plotBand.svgElem) {
            plotBand.svgElem.destroy();
            plotBand.svgElem = undefined;
            plotBand.render();
        }
    }

Answer 3

これが私のために働いたものですhttp://jsfiddle.net/tx1kt0bj/2/

var plotBand = tempAxis.plotLinesAndBands[0];

$.extend(plotBand.options, {
    color: '#000',
    to: 10,
    from: 2
});
plotBand.svgElem.destroy();
plotBand.svgElem = undefined;
plotBand.render();