Highcharts- Javascript- 默认情况下如何显示所有图例系列的累积计数，以及图例中的链接系列

Question

I am using highcharts to render a column chart and my legends as well. I want to be get the total count of all the legends together (default legend and linkedTo legend).

Ex: in the fiddle below: I have 2 legends: now when I click on one of them, I want to see the cumulative count of all the series pertaining to that legend clicked. http://jsfiddle.net/5eb0utxq/ is that possible, currently its getting some count, but im not sure if that is the total count of all the series related to that legend.

code:

$(function() {
  $('#container').highcharts({

    chart: {
      type: 'bar'
    },

    title: {
      text: 'Total fruit consumtion, grouped by gender'
    },

    xAxis: {
      categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },

    yAxis: {
      allowDecimals: false,
      min: 0,
      title: {
        text: 'Number of fruits'
      }
    },
      plotOptions: {
        series: {
          showInLegend: true,
          }
       },
     legend: {
        labelFormatter: function() {
          var totalLegend = this.yData.reduce(function(pv, cv) { return pv + cv; }, 0);
          return this.name +"  :  "+ totalLegend;
        }
      },
   

    series: [{
      data:  [4740, 1378, 8],
      name: "Confirmed",
      id: "Confirmed",
      type: "column",
y: "86",
      stack: "ACTIVE"
    }, {
      data: [2932, 141],
      name: "Potential", id: "Potential",
      stack: "ACTIVE",type: "column",
y: "86"
    }, {
      data:[1752, 11],
      linkedTo: "Confirmed",
      name: "Confirmed",showInLegend: false,
      type: "column",
y: "86",
      stack: "REOPENED"
    }, {
      data: [1089, 2],
      linkedTo: "Potential",showInLegend: false,
      name: "Potential",
      type: "column",
y: "86",
      stack: "REOPENED"
    }, {
      data: [2332, 1960, 42],
      linkedTo: "Potential",
      name: "Potential",showInLegend: false,
      type: "column",
y: "86",
      stack: "NEW"
    }, {
      data: [480, 4684, 2258],
      linkedTo: "Confirmed",
      name: "Confirmed",showInLegend: false,
      type: "column",
y: "86",
      stack: "NEW",
    }]
  });
});

Answer 1

You need to count yData from all linked series, this is the main series, so you can use the below code:

legend: {
  ...,
  labelFormatter: function() {
    var totalLegend = 0;

    [...this.linkedSeries, this].forEach(function(lSeries) {
      lSeries.yData.forEach(el => {
        totalLegend += el
      });
    });

    return this.name + ' (' + totalLegend + ')';
  }
}

---

Live demo: http://jsfiddle.net/BlackLabel/kfger78b/

API Reference: https://api.highcharts.com/highcharts/legend.labelFormatter