हाइचार्ट्स गतिशील रूप से yAxis plotLines को जोड़ते/बदलते हैं

Question

मैं अपने उपयोगकर्ताओं के लिए एक चार्ट में अधिकतम प्लॉटलाइन जोड़ने के लिए इसे संभव बनाने की कोशिश कर रहा हूं और यदि कोई प्लॉट उस रेखा से ऊपर हो तो चार्ट के पृष्ठभूमि रंग को बदल देता है। मुझे प्लॉटलाइन अपडेट करने का कोई तरीका नहीं मिल रहा है। मैं कोशिश की है:

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

लेकिन मैं त्रुटि मिलती है:

TypeError: a is undefined

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

highcharts.js (line 136)

Answer 1

आप केवल नष्ट करने और नए plotLins बना सकते हैं, क्योंकि अद्यतन() फ़ंक्शन उपलब्ध नहीं है।

Answer 2

यहाँ क्या मेरे लिए काम किया 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

सिर्फ इस कोड को जोड़ने और फिर आप 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

मैं एक आईडी असाइन करने की कोशिश की साजिश के लिए,

सबसे पहले removePlotLine(id) द्वारा प्लॉटलाइन को पूरी तरह हटा दें, फिर इसे addPlotLine द्वारा वापस जोड़ा गया। यह मेरे लिए बहुत अच्छा काम करता है।

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