हाईचर्ट्स अक्ष शीर्षक बदलें

Question

प्रोग्रामिंग के उच्चतर चार्ट चार्ट के धुरी शीर्षक को बदलना संभव है?

charts.series[0].yAxis.title.text = 'new title'; 

या

charts.yAxis[0].title.text = 'new title'; 

(पहले से ही एक शीर्षक सेट होने जब चार्ट प्रारंभ किया गया था):

मैं इस तरह कुछ करने के लिए कोशिश कर रहा हूँ।

Answer 1

हाँ आप निम्नलिखित का उपयोग करके ऐसा कर सकते हैं:

 
chart.yAxis[0].axisTitle.attr({ 
     text: 'new title' 
    }); 
 

Answer 2

ऊपर जवाब अभी भी एक समस्या है। निर्यात मॉड्यूल का उपयोग करके साजिश से बनाई गई छवियां मूल शीर्षक दिखाएंगी, बदले में नहीं। निम्न पंक्ति ठीक करने के लिए जोड़ें:

chart.options.yAxis[0].title.text = 'new title'; 

Answer 3

मैं काम करने के लिए ऊपर के दोनों, शायद चीजें पिछले वर्ष से बदल दिया है नहीं मिल सका ... मैं का उपयोग कर समाप्त हो गया:

chart.yAxis[0].update({ 
       title:{ 
        text: "new title" 
       } 
      }); 

और यह अच्छी तरह से काम किया ...

Answer 4

मैंने वाई-अक्ष शीर्षक गतिशील रूप से बदलने के लिए एक डेमो फीडल बनाया है।

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

<input type="button" value="Change Y-axis Title to 'My text'" id="my_btn"> 

जे एस (एक बटन पर क्लिक y- अक्ष शीर्षक अद्यतन करने के लिए thec कोड का हिस्सा):

var chart = $('#container').highcharts(); 
    $('#my_btn').click(function(){ 
     //alert('hey'); 
     chart.yAxis[0].update({ 
      title:{ 
       text:"My text" 
      } 
     }); 
     alert('Y-axis title changed to "My text" !'); 
    }); 

देखें Highcharts 'update' function documentation अधिक जानकारी के लिए इस JSFIDDLE

एचटीएमएल संदर्भ लें।

Answer 5

यह का उपयोग कर Axis ऑब्जेक्ट पर सीधे किया जा सकता है। उदाहरण के लिए:

chart.yAxis[0].setTitle({ text: "Bananas" }); 

this JSFiddle demonstration देखें। विधि हस्ताक्षर है:

setTitle(Object title, [Boolean redraw]) 

तो आप वैकल्पिक रूप से पुनर्वास के साथ प्रतीक्षा करने के लिए एक बूलियन पास कर सकते हैं। title ऑब्जेक्ट xAxis.title के समान पैरामीटर लेता है जिसका अर्थ है कि आप शैलियों और कई अन्य विकल्पों के साथ-साथ पाठ में भी जा सकते हैं। The API documentation में पूरी जानकारी है।