2012-11-20 26 views
5

मुझे पता चला है कि मैं सेटडाटा के साथ श्रृंखला बदल सकता हूं, और मुझे पता है कि मैं मैक्स वैल्यू को .setExtremes के साथ संशोधित कर सकता हूं, लेकिन मैं यह नहीं समझ सकता कि टूलटिप फॉर्मेटर को कैसे सेट करें चार्ट ऑब्जेक्ट। मैं उस फ़ील्ड को कैसे अपडेट करूं? यदि मेरे पास चार्ट ऑब्जेक्ट है, तो मैं अपनी टूलटिप फ़ॉर्मेटर प्रॉपर्टी कैसे अपडेट करूं? और प्लॉटऑप्शन टूलटिप फॉर्मेटर के बारे में कैसे?चार्ट ऑब्जेक्ट से हाइचार्ट्स टूलटिप फॉर्मेटर बदलें, चार्ट के बाद

मैं क्या कोशिश की है:

chart1.tooltip.formatter = function() {return ''+this.series.name +'example: '+ this.y  +'example';}; 

लेकिन कुछ भी नहीं मेरी टूलटिप्स में बदल गया जब मैं ने कहा कि चार्ट परिभाषा (परीक्षण के लिए) के बाद। इसके अलावा, मैं ने कहा कि इस

console.log (chart1.tooltip.formatter); 

रिटर्न अपरिभाषित, लेकिन मैं पता नहीं क्यों।

फिडल ताकि आप इसे आजमा सकें।

http://jsfiddle.net/pCuUW/5/ अग्रिम धन्यवाद।

उत्तर

12

आप chart.tooltip.options.formatter बजाय उपयोग कर सकते हैं,

chart.tooltip.options.formatter = function() { 
    var xyArr=[]; 
    $.each(this.points,function(){ 
     xyArr.push('Serie: ' + this.series.name + ', ' +'X: ' + this.x + ', Y: ' +this.y); 
    }); 
    return xyArr.join('<br/>'); 
} 

Changing tooltip formatter dynamically | Highchart & Highstock @ jsFiddle

अद्यतन की तरह में नई (5.0.0+) Highcharts के संस्करणों, यह भी chart.update() विधि का उपयोग किया जा सकता है

chart.update({ 
    tooltip: { 
     formatter: function() { 
     var xyArr = []; 
     $.each(this.points, function() { 
      xyArr.push('Serie: ' + this.series.name + ', ' + 'X: ' + this.x + ', Y: ' + this.y); 
     }); 
     return xyArr.join('<br/>'); 
     } 
    } 
    }); 

Changing tooltip formatter dynamically with chart.update | Highchart & Highstock @ jsFiddle