Highcharts：在共享工具提示中顯示堆棧總數，通過footerFormat屬性

Question

我有一個堆疊條形圖，帶有共享工具提示，並且我試圖通過footerFormat屬性將堆棧總量拉入工具提示。

我認爲這將是一個簡單的屬性，我可以訪問，但我還沒有找到它的工作選項。

我是否錯過了一些明顯的東西，還是我必須以更復雜的方式做到這一點？

（如果我錯過了這個問題的副本，請讓我知道，我是不是能找到我期待完成討論的具體情況）

代碼：

tooltip : { 
    shared   : true, 
    useHTML   : true, 
    headerFormat : 
     '<table class="tip"><caption>Group {point.key}</caption>' 
     +'<tbody>', 
    pointFormat  : 
     '<tr><th style="color: {series.color}">{series.name}: </th>' 
     +'<td style="text-align: right">${point.y}</td></tr>', 
    footerFormat : 
     '<tr><th>Total: </th>' 
     +'<td style="text-align:right"><b>${???}</b></td></tr>' 
     +'</tbody></table>' 
} 

• 小提琴：http://jsfiddle.net/jlbriggs/AeLFZ/

Answer 1

footerFormat沒有存取權限${point}。見footerFormat documentation。

如果你想使用shared:true要和每一個點一個表，你需要使用格式化的功能是這樣的：

formatter: function() { 
      var tooltip='<table class="tip"><caption>Group '+this.x+'</caption><tbody>'; 
      //loop each point in this.points 
      $.each(this.points,function(i,point){ 
       tooltip+='<tr><th style="color: '+point.series.color+'">'+point.series.name+': </th>' 
         + '<td style="text-align: right">'+point.y+'</td></tr>' 
      }); 
      tooltip+='<tr><th>Total: </th>' 
      +'<td style="text-align:right"><b>'+this.points[0].total+'</b></td></tr>' 
      +'</tbody></table>'; 
      return tooltip; 
     }  

http://jsfiddle.net/AeLFZ/10/