echarts同一张图点击按钮切换不同数据

您可以使用 ECharts 的 API 来实现在同一张图上点击按钮切换不同的数据，具体的步骤如下：

1. 创建一个包含所有需要切换的数据的数组。

2. 在 ECharts 的 option 中设置一个初始数据，用于图表的初始化。

3. 创建一个按钮，绑定点击事件。

4. 在点击事件中，使用 ECharts 的 setOption() 方法来更新图表数据，将按钮对应的数据传入 setOption() 方法中即可。

5. 每次点击按钮时，都需要重新调用 setOption() 方法来更新图表数据。

以下是一个示例代码：

// 数据数组
var dataArr = [
  {name: 'data1', value: [1, 2, 3, 4, 5]},
  {name: 'data2', value: [5, 4, 3, 2, 1]}
];

// 初始化 option
var option = {
  // 设置初始数据
  series: [{
    name: dataArr[0].name,
    data: dataArr[0].value
  }],
  // 其他配置
  ...
};

// 创建按钮
$('#btn').click(function() {
  // 获取按钮对应的数据
  var data = dataArr[$(this).index()];
  // 更新图表数据
  chart.setOption({
    series: [{
      name: data.name,
      data: data.value
    }]
  });
});

在这个示例中，我们创建了一个包含两个数据对象的数组 dataArr，然后在 ECharts 的 option 中设置了一个初始数据（dataArr[0]），并创建了一个按钮，每次点击按钮时，都会获取按钮对应的数据，然后使用 setOption() 方法来更新图表数据。