ECharts展示选中的图例其余不展示

ECharts是一个流行的JavaScript图表库，如果你想在ECharts中实现这样的效果，即当用户选择某个图例时，只显示所选的图表而隐藏其他未选中的图表，你可以使用`echarts.setOption`方法动态更新配置。首先，在初始化图表时，你需要设置所有图例的状态为默认的未选中状态，并且将每个系列的`silent`属性设为`true`，这会让未选中的图表不会实时更新。

var myChart = echarts.init(document.getElementById('main'));

// 初始化数据和选项
var option = {
  legend: { data: ['图表A', '图表B', '图表C'] }, // 图例列表
  series: [
    { name: '图表A', silent: true },
    { name: '图表B', silent: true },
    { name: '图表C', silent: true }
    // ... 其他系列...
  ]
};

myChart.setOption(option);

// 当用户点击图例时
myChart.on('legendselectchanged', function (params) {
  var selectedSeries = params.selected; // 获取选中的系列名称
  selectedSeries.forEach(function (name) {
    option.legend.data = [name]; // 更新图例只包含当前选中项
    myChart.setOption(option); // 更新图表选项
    // 如果需要，可以进一步操作，比如只显示选中的图表，其它系列隐藏
    myChart.hideAllSeries();
    myChart.showSeries(name);
  });
});

在这个示例中，`hideAllSeries()`会隐藏所有系列，`showSeries(name)`则会显示指定名称的系列。记得要在实际项目中处理可能出现的异常情况。