Highcharts: hiển thị tổng số stack trong tooltip chia sẻ, thông qua footerFormat property

Question

Tôi có một biểu đồ thanh xếp chồng lên nhau, với một tooltip chia sẻ, và tôi đang cố gắng kéo tổng số stack vào tooltip thông qua các footerFormat bất động sản.

Tôi nghĩ đây sẽ là một tài sản đơn giản mà tôi có thể truy cập, nhưng tôi đã không tìm thấy một tùy chọn cho nó hoạt động.

Tôi có thiếu điều gì đó hiển nhiên hay tôi phải làm điều này một cách phức tạp hơn?

(nếu tôi đã bỏ lỡ một bản sao của câu hỏi này, xin vui lòng cho tôi biết, tôi đã không thể tìm thấy những hoàn cảnh cụ thể Tôi đang tìm kiếm để thực hiện thảo luận)

mã:

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 không có acces vào ${point}. Xem footerFormat documentation.

Nếu bạn muốn có một bảng với mỗi điểm sử dụng shared:true bạn cần phải sử dụng chức năng định dạng như thế này:

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/