ECharts多折线图如何设置默认隐藏指定系列其余正常显示

ECharts 原生支持该需求，不需要额外绑定事件或写自定义交互逻辑，直接修改初始化配置项即可实现，效果和手动点击图例切换隐藏完全一致，不影响后续用户手动切换显示状态。

你当前的配置结构可以通过以下两种任意一种方式实现：

• 方式一：在legend配置项中声明默认选中状态
  找到配置里的legend字段，新增selected属性，属性值为对象，key对应折线系列的name，value设为false就代表该系列默认隐藏。比如你要默认隐藏名为D的折线，配置如下：

legend: {
  data: ['A', 'B', 'C', 'D'],
  selected: {
    // key必须和series里对应系列的name完全一致
    'D': false
  }
},

• 方式二：直接在目标系列的series配置项中设置隐藏
  找到你要默认隐藏的那条折线对应的series对象，直接在对象里加selected: false即可，其余配置不需要改动。示例：

series: [
  // 其余A、B、C系列保持原有配置不变
  {
    type: 'line',
    symbol: 'circle',
    emphasis: {
      focus: 'series',
      blurScope: 'coordinateSystem',
    },
    step: 'end',
    name: 'D', // 要隐藏的系列名
    selected: false, // 新增这一行即可默认隐藏
    data: [/* 你的原有数据 */],
  },
]

注意：两种方式选其中一种就能生效，不要重复配置，配置时确保selected里的key和对应系列的name值完全一致，否则配置不生效。

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