HighCharts 饼图图例中的总计答案

【问题标题】：Grand Totals in HighCharts Pie Chart LegendHighCharts 饼图图例中的总计
【发布时间】：2013-04-26 13:34:05
【问题描述】：

有没有办法让我在图例中的值列末尾获得总计？这是我的图例的代码，以及将它分成两列的数据[] 集的名称和值的小提琴。

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/

谢谢！

【问题讨论】：

标签： jquery highcharts legend-properties

【解决方案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.

【讨论】：

非常感谢！我只是在学习 highcharts，API 有点长，所以我无法弄清楚这些东西！
在使用 chrome 和/或 IE 7、8、9、10 时，我收到 SCRIPT438 的错误是否有原因：对象不支持属性或方法“last”。它在小提琴中运行良好，但在我的网站本身中不起作用。奇怪，但再次感谢你，这肯定是我正在寻找的
嗯，不确定，您使用的是哪个版本的 JQuery？ Chrome中的错误是什么？ Script438 是 IE 的东西，我不相信 IE 会抛出有意义的错误。
我之前的参考资料错了，我想再次标记你的答案我一直很忙抱歉，谢谢你回来帮忙！
顺便说一句，图例部分中的 useHTML: true, 似乎对这个解决方案很重要

【解决方案2】：

我实际上会将总计添加为数据数组中的另一个条目，带有一个空值和一个标签属性。像这样的：

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/

【讨论】：