2017-09-07 26 views
0

我正在使用Highcharts显示圆环图并且在中间我目前已获得标题; '交易'但低于此,但仍在中间,我试图显示系列值的总数应该是8,173.99欧元。我认为下面的代码将工作:如何在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(
     'Total: ' + total, 
     this.plotLeft, 
     this.plotTop - 20 
    ).attr({ 
     zIndex: 5 
     }).add() 
    } 
}, 

我看到没有错误,但然后再次总没有被显示。任何人都可以帮我解决我做错了什么? 谢谢! 您可以在这里看到JSFiddle http://jsfiddle.net/tobitobetoby/1fqvzpdn/3/

+0

您可以从https://stackoverflow.com/q/17286457/3898339 –

回答

1

events对象应放在chart对象的内部。至于添加“总计”信息,我个人认为最好的办法是使用Chart.setTitle()函数在负载事件上设置标题。看看下面的例子。

API参考:
http://api.highcharts.com/highcharts/Chart.setTitle

例子:
http://jsfiddle.net/yt5pj3yf/

+0

采取的想法谢谢您的回答!但是你有没有注意到总数显示为8273.99而不是8173.99(这是正确的总数)?你知道是什么原因导致了这个错误计算? –

+0

从我检查过的数值总和是正确的。 –

+0

有没有办法根据点击图例来改变显示的总数? –

相关问题