Javascript 如何在Highcharts中显示圆环图的系列值总和? 我用HealStand显示了一个甜甜圈图表,在我现在得到的标题中;交易,但低于这一点,但仍然在中间,我试图显示系列值的总数应该是8173.99欧元。

Javascript 如何在Highcharts中显示圆环图的系列值总和? 我用HealStand显示了一个甜甜圈图表,在我现在得到的标题中;交易,但低于这一点,但仍然在中间,我试图显示系列值的总数应该是8173.99欧元。,javascript,highcharts,Javascript,Highcharts,我认为以下代码可以工作: events: { load: function(event) { var total = 0; // get total of data for (var i = 0, len = this.series[0].yData.length; i < len; i++) { total += this.series[0].this.y[i]; } var text = this.renderer.text(

我认为以下代码可以工作:

events: {
  load: function(event) {
    var total = 0; // get total of data
    for (var i = 0, len = this.series[0].yData.length; i < len; i++) {
      total += this.series[0].this.y[i];
    }
    var text = this.renderer.text(
        'Total: ' + total,
        this.plotLeft,
        this.plotTop - 20
      ).attr({
        zIndex: 5
      }).add()
  }
},
事件:{
加载:函数(事件){
var total=0;//获取数据总数
对于(var i=0,len=this.series[0].yData.length;i
我看不到任何错误,但总数仍然没有显示出来。我做错了什么


您可以在这里看到JSFIDLE

事件
对象应该放在
图表
对象中。至于添加“Total”信息,我个人认为更好的方法是使用
Chart.setTitle()
函数设置加载事件标题。看看下面的例子

API参考:

示例:

您可以从中汲取灵感,谢谢您的回答!但是您是否注意到总数显示为8273.99而不是8173.99(这是正确的总数)?你知道是什么导致了这个误算吗?有没有办法改变基于点击图例显示的总数?是的,你可以对
legendItemClick
event())执行足够的计算。做得很好,但我需要总值应该是整数,没有小数点。如何做到这一点?最简单、最快的方法是对所有值使用toFixed(0)。示例:。