如何在图例单击图表js时显示/隐藏动画

// 引入ECharts库
import echarts from 'echarts';

// 创建图表实例
const chart = echarts.init(document.getElementById('chart'));

// 定义图表的配置项
const option = {
  legend: {
    data: ['数据系列1', '数据系列2', '数据系列3'],
  },
  series: [
    {
      name: '数据系列1',
      type: 'line',
      data: [10, 20, 30, 40, 50],
    },
    {
      name: '数据系列2',
      type: 'line',
      data: [50, 40, 30, 20, 10],
    },
    {
      name: '数据系列3',
      type: 'line',
      data: [30, 10, 50, 20, 40],
    },
  ],
};

// 设置图表的配置项
chart.setOption(option);

// 监听图例的点击事件
chart.on('legendselectchanged', function(params) {
  const selected = params.selected;
  const series = option.series;

  // 遍历数据系列
  for (let i = 0; i < series.length; i++) {
    const name = series[i].name;

    // 判断图例是否被选中
    if (selected[name]) {
      // 显示数据系列
      series[i].show = true;
    } else {
      // 隐藏数据系列
      series[i].show = false;
    }
  }

  // 更新图表的配置项
  chart.setOption(option);
});