echarts饼图切换legend重新计算饼图占比

ECharts是一个强大的JavaScript图表库，它支持创建各种类型的图表，包括饼图。如果你想在饼图上实现Legend（图例）的切换，并在切换时动态更新饼图占比，你可以这样做：

1. 首先，你需要在初始化饼图时设置`legend`配置，包括`show`属性以及`data`数组，对应每个系列。

var option = {
  legend: {
    show: true,
    data: ['系列A', '系列B'] // 根据需要自定义图例项
  },
  series: [
    {
      name: '系列A',
      type: 'pie',
      data: [数值A, 数值B] // 每个系列的数据
    },
    {
      name: '系列B',
      type: 'pie',
      data: [数值C, 数值D]
    }
  ]
};

2. 当用户点击图例项时，你可以通过监听`legend`的`select`事件来触发数据更新。在这个事件处理函数中，根据选中的系列名称，更新对应的`series`数据，然后调用`setOption`方法刷新图表：

echarts.getInstanceByDom(document.getElementById('yourChartId')).on('legend.select', function (params) {
  var selectedSeriesName = params.name; // 获取当前选中的系列名
  var newData = [0, 0]; // 初始化新数据

  // 更新相应系列的数据
  if (selectedSeriesName === '系列A') {
    newData = [新的数值A, 新的数值B];
  } else if (selectedSeriesName === '系列B') {
    newData = [新的数值C, 新的数值D];
  }

  // 刷新图表
  option.series[0].data = newData;
  echarts.util.callback(option, 'option', this);
});

请注意，以上代码示例假设你已经有一个ECharts实例并绑定了到HTML元素。将`document.getElementById('yourChartId')`替换为你实际的图表容器ID。