Apache ECharts饼图hover时标签线仍显示的问题求助

你遇到的问题是因为ECharts的高亮（emphasis）状态会默认覆盖数据项中的显示设置。即使你在data数组里给每个数据项设置了label.show: false和labelLine.show: false，鼠标悬停触发高亮时，ECharts会启用默认的高亮样式，导致标签线重新显示。

解决方法是在饼图的series配置中，显式关闭高亮状态下的标签和标签线：

option = {
  series: [
    {
      type: 'pie',
      data: [
        { value: 20, name: 'Open' },
        { value: 30, name: 'In Progress' },
        { value: 60, name: 'Done' }
      ],
      // 初始状态全局隐藏标签和标签线
      label: { show: false },
      labelLine: { show: false },
      // 强制关闭高亮状态下的标签和标签线
      emphasis: {
        label: { show: false },
        labelLine: { show: false }
      }
    }
  ]
};

说明 #

• 无需在每个data项单独配置label和labelLine，直接在series层面全局设置更简洁高效。
• 通过emphasis配置强制覆盖高亮状态的默认行为，确保鼠标悬停时标签和标签线始终保持隐藏。

内容的提问来源于stack exchange，提问作者Ammar Siddiqi