echarts 饼状图点击legend 中间显示汇总数据减去相应数据

ECharts是一个强大的JavaScript图表库，用于创建各种交互式图表，包括饼状图。在饼状图上，如果你想在点击legend中间位置时展示汇总数据减去每个部分的数据，可以利用ECharts的事件监听功能和数据绑定来实现。

首先，你需要设置饼状图的legend配置，以便在点击时触发某个特定的事件，例如`click`：

var option = {
    legend: {
        data: ['部分A', '部分B', '部分C'], // 图例项
        formatter: function (name) { // 自定义 formatter 函数
            return name + '<span style="color:red;">(' + (dataSum - this.value) + ')</span>'; // 这里dataSum是总和，this.value是当前部分的值
        },
        itemStyle: {
            cursor: 'pointer'
        }
    },
    series: [
        {
            type: 'pie',
            data: [...], // 饼图的数据数组
            name: '部分名称'
        }
    ]
};

然后，你可以通过`echarts.on('legendItemClick', function(param)`这个事件监听器，在用户点击图例时更新数据：

echartsInstance.on('legendItemClick', function (param) {
    var dataIndex = param.dataIndex; // 获取到点击的dataIndex
    var value = yourData[dataIndex]; // 获取对应部分的真实值
    var updatedValue = dataSum - value;
    // 更新你的视图或者其他地方的数据显示新的汇总数据减去点击部分
});

在这个例子中，`dataSum`需要提前计算并存储所有部分的总和。记得替换`yourData`为实际的饼图数据数组。