Apache ECharts как отобразить итоговое (суммарное) значение для диаграммы p ie в подтексте заголовка?

Question

круговая диаграмма

я создал диаграмму ap ie на Apache графиках, могу ли я знать, есть ли способ показать общее значение в подтексте заголовка?

option = {
title: [{
    text: 'Sales',
    subtext: 'Total Sales: ' , //wish to show total value over here
    left: '50%',
    textAlign: 'center'
}],
dataset: {
        source: [
            ['OUTLET A', 100],
            ['OUTLET B', 52],
            ['OUTLET C', 200],
            ['OUTLET D', 334],
            ['OUTLET E', 430],
            ['OUTLET F', 330],
            ['OUTLET G', 220]
        ]
    },
series: [
    {
        name: 'Sales',
        type: 'pie',
        label: {
            show: true,
            textBorderWidth: 2,
            position: 'outside',
            color: "#a4311d",
            formatter: '{c} ({d}%)'
        }
    }]
};

Answer 1

вам нужно присвоить ваш набор данных локальной переменной и создать для нее функцию суммы.

let data = [['OUTLET A', 100],
            ['OUTLET B', 52],
            ['OUTLET C', 200],
            ['OUTLET D', 334],
            ['OUTLET E', 430],
            ['OUTLET F', 330],
            ['OUTLET G', 220]]

В вашем наборе данных:

dataset: {
        source: data},

Создать функцию суммы для вычисления суммы :

const sum = data.reduce(function(prev, current) {
  return prev + current[1]
}, 0);

Показать сумму в подтексте заголовка:

subtext: 'Total Sales: '+sum