echarts柱状和饼图切换

在echarts中，柱状图和饼图之间没有直接的切换方法。然而，我们可以通过自定义工具栏的方法来实现这个功能。在toolbox的feature中，我们可以使用自定义方法来定义一个按钮，通过点击事件来切换图形。

在点击事件中，我们可以编写代码来实现所需的图形切换。比如，当点击柱状图按钮时，我们可以显示柱状图，当点击饼图按钮时，我们可以显示饼图。

以下是一个完整的示例，演示了如何引入echarts并使用自定义工具栏方法来实现图形切换：

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

// 初始化echarts实例
const myChart = echarts.init(document.getElementById('chart'));

// 定义柱状图和饼图的数据
const barData = [/* 柱状图数据 */];
const pieData = [/* 饼图数据 */];

// 设置初始显示的图形为柱状图
myChart.setOption({
  series: [{
    type: 'bar',
    data: barData
  }]
});

// 自定义工具栏方法
const customToolbox = {
  feature: {
    mySwitch: {
      title: '切换图形',
      icon: 'path/to/icon',
      onclick: function () {
        // 判断当前显示的图形是柱状图还是饼图
        const option = myChart.getOption();
        const currentType = option.series<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
-  *1* [Echarts 自定义工具栏事件 || 柱状图和饼状图之间的切换](https://blog.csdn.net/qq_45363773/article/details/121577024)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
-  *2* [echarts饼图自动切换代码](https://download.csdn.net/download/embrace924/10631754)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]