echarts图表加按钮切换

ECharts是一个强大的数据可视化库，在创建图表时，你可以通过JavaScript轻松添加交互元素，例如按钮，来控制图表的展示。为了在ECharts中添加按钮切换图表，可以按照以下步骤操作：

1. 首先，引入ECharts库和相关的插件，如`echarts-gl`（如果需要3D图）或其他交互模块。

<script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>

2. 创建一个按钮元素，并绑定点击事件。在这个事件处理函数中，改变`chart.setOption()`的选项，展示不同的图表类型。

<button id="switchButton">切换图表</button>

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

// 设置初始图表配置
chart.setOption({
  // 这里示例为柱状图
  type: 'bar',
  // ...其他图表配置
});

// 定义切换到折线图的函数
function switchToLine() {
  chart.setOption({
    type: 'line', // 更改为折线图
    // ...新的折线图配置
  });
}

// 绑定按钮点击事件
document.getElementById('switchButton').addEventListener('click', switchToLine);

3. 根据需求编写更多的切换函数，比如切换到饼图、地图等，只需更改`setOption`里的`type`属性即可。