系列和標誌的Highchart /股票工具提示格式化程序

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 
    } 
}