Highcharts: pokaż sumę stacków we współużytkowanej etykiecie, za pomocą właściwości footerFormat

Question

Mam ułożony wykres słupkowy ze współużytkowaną etykietą narzędzi i próbuję pobrać sumę stosów do etykiety narzędziowej za pomocą właściwości footerFormat.

Myślałem, że to będzie prosta właściwość, do której mogę uzyskać dostęp, ale nie znalazłem dla niej opcji, która działa.

Czy brakuje mi czegoś oczywistego, czy muszę to robić w bardziej skomplikowany sposób?

(jeśli Tęskniłam duplikat to pytanie, proszę dać mi znać, że nie był w stanie znaleźć konkretne okoliczności szukam do osiągnięcia omówione)

Kod:

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

• Fiddle: http://jsfiddle.net/jlbriggs/AeLFZ/

Answer 1

footerFormat nie posiada Dostęp do ${point}. Zobacz footerFormat documentation.

Jeśli chcesz mieć stolik z każdego punktu używając shared:true trzeba użyć funkcji formatyzatora takiego:

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/