如何在加载时隐藏饼图扇区？

核心实现：通过selected配置项初始化状态 #

ECharts饼图的系列配置（series-pie）支持直接通过selected对象指定扇区的初始显示状态，无需依赖图例交互后的属性变化。这个对象的键可以是数据项的索引或名称，值设为false即可隐藏对应扇区。

基础代码示例 #

option = {
  legend: {},
  series: [
    {
      type: 'pie',
      data: [
        { name: 'A', value: 10 },
        { name: 'B', value: 20 },
        { name: 'C', value: 30 }
      ],
      // 初始化时隐藏索引为1的扇区（即B）
      selected: {
        1: false
        // 也可以用名称匹配：'B': false
      }
    }
  ]
};

动态控制的正确姿势（dispatchAction用法） #

如果需要在加载完成后再动态隐藏扇区，可使用dispatchAction执行legendToggleSelect动作，注意参数要匹配数据项的名称或索引：

// 假设myChart是你的ECharts实例
myChart.dispatchAction({
  type: 'legendToggleSelect',
  // 指定要切换状态的图例名称
  name: 'B'
});

之前尝试失败大概率是因为参数（name或index）与数据项不匹配，导致动作未生效。

关于交互后selected属性不更新的说明 #

ECharts的原始配置项（option）不会实时同步用户交互后的状态，若要获取当前选中状态，可通过myChart.getOption()获取最新配置，或监听legendselectchanged事件捕获变化：

myChart.on('legendselectchanged', function(params) {
  console.log('当前扇区选中状态：', params.selected);
});

内容的提问来源于stack exchange，提问作者David Kassa