Highcharts dynamicznie dodaj/zmień yAxis plotLines

Question

Próbuję umożliwić moim użytkownikom dodanie max wykresu do wykresu i zmienić kolor tła wykresu, jeśli wykres przekroczy ten wiersz. Nie mogę uzyskać metody aktualizacji plot. Próbowałem:

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

ale pojawia się błąd:

TypeError: a is undefined

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

highcharts.js (line 136)

Answer 1

Można jedynie zniszczyć i stworzyć nowe plotLins, ponieważ zmiana function() nie jest dostępna.

Answer 2

Oto co pracował dla mnie 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(); 

Answer 3

prostu dodać ten kod, a następnie można użyć metody 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 4

Próbowałem przypisać identyfikator do plotowaniaLine,

Najpierw usuń całą linię roboczą przez removePlotLine(id), a następnie dodaj ją ponownie przez addPlotLine. Działa świetnie dla mnie.

function upgradePlotLine(new_line) { 
    chart.yAxis[0].removePlotLine('my_line'); 
    chart.yAxis[0].addPlotLine(new_line); 
}