如何在Highcharts中显示甜甜圈图的系列值的总和？

Question

I'm displaying a donut chart using Highcharts and in the middle I've currently got the title; 'Transactions' but below that, but still in the middle, I'm trying to show the total number of the series values which should be €8,173.99.

I thought the following code would work:

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()
  }
},

I see no errors but then again the total is not being displayed. What am I doing wrong?

You can see the JSFiddle here http://jsfiddle.net/tobitobetoby/1fqvzpdn/3/

Answer 1

The events object should be placed inside chart object. As for the adding 'Total' info, I personally think that the better idea is to just set title on load event using Chart.setTitle() function. Take a look at the below example.

API Reference:
http://api.highcharts.com/highcharts/Chart.setTitle

Example:
http://jsfiddle.net/yt5pj3yf/