echarts 使用自定义图例并启用 series emphasis 时，频繁切换图例项可能导致部分折线的标签（label）意外消失；根本原因是高亮（highlight）与隐藏/显示状态切换引发的动画冲突，正确做法是在 toggle 前主动 downplay 目标系列。
echarts 使用自定义图例并启用 series emphasis 时，频繁切换图例项可能导致部分折线的标签（label）意外消失；根本原因是高亮（highlight）与隐藏/显示状态切换引发的动画冲突，正确做法是在 toggle 前主动 downplay 目标系列。
在 ECharts 中，当为折线系列启用 emphasis.focus: 'self' 并配合自定义图例（通过 legendToggleSelect 手动 dispatch）时，若用户先高亮某条线（如 hover 图例按钮触发 highlight），再点击图例按钮将其隐藏，随后再次显示该系列——此时 ECharts 内部会同时尝试执行「恢复默认状态」和「应用 emphasis 样式」两组动画，导致 label 渲染逻辑错乱，最终表现为标签不显示。
该问题并非配置错误，而是 ECharts 动画调度机制在状态交叉时的已知边界行为。官方内置图例之所以无此问题，是因为其内部在执行 legendToggleSelect 前，会自动对当前高亮的同名系列调用 downplay，确保目标系列处于干净的“非强调”状态后再切换可见性。
✅ 正确修复方式：在触发 legendToggleSelect 前，显式 dispatch 一次 downplay 动作：
ECharts 图表大师。根据用户数据和业务上下文，自动设计并生成专业的 ECharts 可视化图表。使用场景：(1) 用户提供表格/JSON/CSV 数据需要可视化，(2) 用户说"帮我做个图"、"画个图表"，(3) 需要将查询结果可视化展示。
const dispatch = (line) => {
// 关键修复：先清除高亮状态，避免动画冲突
myChart.dispatchAction({
type: 'downplay',
seriesName: line // 推荐使用 seriesName，语义清晰且兼容多 series 同名场景
});
// 再执行图例切换
myChart.dispatchAction({
type: 'legendToggleSelect',
name: line
});
};
⚠️ 注意事项：
- downplay 对已隐藏的系列无副作用，因此无需额外判断可见性，可安全前置调用；
- 若使用 seriesIndex 而非 seriesName，需确保索引准确对应（尤其在动态增删 series 时）；
- 不建议直接禁用动画（如 animation: false）作为 workaround，这会牺牲交互体验，且无法解决本质问题；
- emphasis.label 若单独配置了样式（如 fontSize、color），也应一并检查是否受 downplay 影响——但默认情况下 label.show: true 已足够稳定。
此外，为提升健壮性，建议为图表启用轻量级动画（而非完全关闭），例如设置较短的持续时间：
option = {
animationDuration: 20,
animationDurationUpdate: 20,
// 其他配置...
};
这样既保留视觉反馈，又大幅降低动画冲突概率。最终效果是：无论用户以何种顺序点击/悬停图例按钮，所有 line series 的标签均能稳定显示，emphasis 高亮交互与图例控制完全解耦、互不干扰。
