score:12

Accepted answer

i would use the renderer.text to annotate the chart (and not do it in the legend since you have so many data points).

chart: {
    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].ydata[i];
            }
            var text = this.renderer.text(
                'total: ' + total,
                this.plotleft,
                this.plottop - 20
            ).attr({
                zindex: 5
            }).add() // write it to the upper left hand corner
        }
    }
},

fiddle example.

enter image description here

score:6

in addition to mark's answer, to calculate the total, we do not need the for-loop statement. so, the code can be reduced.

chart: {
    events: {
        load: function(event) {
            var total = this.series[0].data[0].total;
            var text = this.renderer.text(
                'total: ' + total,
                this.plotleft,
                this.plottop - 20
            ).attr({
                zindex: 5
            }).add() // write it to the upper left hand corner
        }
    }
},

Related Query

More Query from same tag