Apache ECharts 如何在 Title Subtext 中顯示餅圖的 Total (sum) 值？

Question

餅形圖

我在 Apache Echarts 上創建了一個餅圖，我知道有沒有辦法在標題潛台詞中顯示總價值？

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

您需要將數據集分配給局部變量並為其創建 sum 函數。

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

創建一個 sum 函數來計算總和：

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

在標題子文本中顯示總和：

subtext: 'Total Sales: '+sum