如何在Highcharts中显示圆环图的系列值总数?

时间:2017-09-07 12:13:02

标签: javascript highcharts

我正在使用Highcharts展示圆环图,中间我现在已经获得了冠军; '交易'但低于,但仍在中间,我试图显示系列值的总数,应该是€8,173.99。

我认为以下代码可行:

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/

1 个答案:

答案 0 :(得分:1)

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

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

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