श्रृंखला और झंडे दोनों के लिए हाईचार्ट/स्टॉक टूलटिप फॉर्मेटर

Question

निम्नलिखित उदाहरण में मैं श्रृंखला और झंडे दोनों के लिए टूलटिप कैसे प्रारूपित कर सकता हूं?

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/stock/plotoptions/flags/

मैं श्रृंखला टूलटिप और झंडा टूलटिप में अन्य डेटा में अतिरिक्त जानकारी दिखाना चाहते हैं।

Answer 1

एक तरीका टूलटिप फॉर्मेटर बनाना है जो जांचता है कि वर्तमान ऑब्जेक्ट एक बिंदु है या नहीं।

tooltip: { 
      formatter: function(){ 
       if(this.point) { 
        return "this is a flag" 
       } 
       else { 
        return "this is a line" 
       } 
      }     
     } 

आप एक कदम आगे जाकर अपने झंडे नाम दे और उसके बाद जाँच लें कि बिंदु एक नाम (बजाय अगर यह सिर्फ मौजूद है) एक ही प्रारूप हो रहा से गैर झंडा अंक को रोकने के लिए है हो सकता है।

यहाँ अपने उदाहरण टूलटिप फ़ॉर्मेटर के रूप में कार्य निम्नलिखित पूर्व http://jsfiddle.net/aTcFe/

Answer 2

उपयोग प्रतिबिंबित करने के लिए संशोधित किया गया है -

tooltip: { 
    shared:true, 
formatter: function(){ 
     var p = ''; 
     console.log(this); 

     if(this.point) { 
      p += '<b>'+ Highcharts.dateFormat('%A, %b %e, %Y', this.point.x) +'</b><br/>'; 
      p += this.point.config.text // This will add the text on the flags 
     } 
     else {    
      p += '<b>'+ Highcharts.dateFormat('%A, %b %e, %Y', this.x) +'</b><br/>'; 
      $.each(this.points, function(i, series){ 
      p += '<span style="color:' + this.series.color + '">' + this.series.name + '</span>: <b>'+ this.y + ' kWh ($' + Highcharts.numberFormat(this.y * rate, 0) + ')</b><br/>'; 
      }); 

     } 
     return p; 
     }} 

इसके अलावा इस JSFiddle का संदर्भ लें: http://jsfiddle.net/aTcFe/

Answer 3

Highstock के साथ आप हमेशा 2.1.7 this.point ऑब्जेक्ट प्राप्त करें, इसलिए आपको यह पता लगाने के लिए this.series.type === 'flags' का उपयोग करना चाहिए कि झंडे मौजूद हैं या नहीं।

एक उदाहरण होगा:

formatter: function() { 
    if (this.series.type === 'flags') { 
      // Flags formatting 
    } 
    else { 
      // Default formatting 
    } 
}