HighCharts饼图传奇中的总计

Question

在我的传奇中，我的价值列末尾有没有办法获得总计？这里是我的传奇的代码，以及它为数据[]集的名称和值分为两列的小提琴。

legend: {
            enabled: true,
            layout: 'vertical',
            align: 'right',
            width: 220,
            verticalAlign: 'top',
            borderWidth: 0,
            useHTML: true,
            labelFormatter: function() {
                return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.y + '%</span></div>';
            },
            title: {
                text: 'Primary',
                style: {
                    fontWeight: 'bold'
                }
            }
        }

id就像这样的列

Data1      2
Data2      3
Data3      2
         ---
           7

我需要做的是在该行下面添加虚线或优选实线，然后添加所有数据值的总计。这是我目前的小提琴。

http://jsfiddle.net/hAnCr/29/

谢谢你！

Answer 1

你可以通过将总数附加到最后一个图例项来破解它。

chart: {
  events: {
    load: function(event) {
      $('.highcharts-legend-item').last().append('<br/><div style="width:200px"><hr/> <span style="float:left"> Total </span><span style="float:right"> ' + total + '</span> </div>')
    }
  }
}

小提琴here。

Answer 2

我实际上将total添加为数据数组中的另一个条目，具有null值和label属性。像这样：

legend: {
    labelFormatter: function() {
        return this.name + ': ' + this.y_label;
    },
},
// ...
series: [{
    type: 'pie',
    data: [
        {'name': 'Real Estate', 'y': 12.55, 'y_label': 12.55},
        // ...
        {'name': 'Total', 'y': null, 'y_label': 100, 'color': 'transparent'}
    ]
}]

在这里小提琴：http://jsfiddle.net/Aeon/9cZKg/1/