echarts立体饼状图

ECharts 是一个基于 JavaScript 的开源可视化库，它提供了丰富的图表组件，包括饼状图。要创建一个立体饼状图，你可以使用 ECharts 的饼状图组件，并设置相应的样式和参数。

下面是一个简单的示例代码，演示如何使用 ECharts 创建一个立体饼状图：

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

// 初始化图表容器
var chartContainer = document.getElementById('chart');

// 创建图表实例
var chart = echarts.init(chartContainer);

// 配置图表选项
var options = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  legend: {
    orient: 'vertical',
    left: 10,
    data: ['类别A', '类别B', '类别C', '类别D', '类别E']
  },
  series: [
    {
      name: '数据',
      type: 'pie',
      radius: ['50%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '30',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 335, name: '类别A' },
        { value: 310, name: '类别B' },
        { value: 234, name: '类别C' },
        { value: 135, name: '类别D' },
        { value: 1548, name: '类别E' }
      ]
    }
  ]
};

// 使用配置项显示图表
chart.setOption(options);

以上代码演示了如何创建一个带有五个类别的立体饼状图，并设置了相应的数据和样式。你可以根据自己的需求修改数据和样式配置，以满足具体的需求。