echarts 3d饼图使用

要使用 Echarts 的 3D 饼图，需要先引入 Echarts 的库文件，并在 HTML 文件中创建一个容器用于显示图表。然后，按照以下步骤配置数据和图表选项：

1. 配置数据：

var data = [
  {value: 335, name: '直接访问'},
  {value: 310, name: '邮件营销'},
  {value: 234, name: '联盟广告'},
  {value: 135, name: '视频广告'},
  {value: 1548, name: '搜索引擎'}
];

2. 配置图表选项：

var option = {
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: [30, 110],
      roseType: 'area',
      itemStyle: {
        borderRadius: 8
      },
      label: {
        show: true
      },
      emphasis: {
        label: {
          show: true
        }
      },
      data: data
    }
  ]
};

3. 创建图表对象并显示：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在以上代码中，`data` 是饼图数据数组，`option` 是图表选项对象，`myChart` 是 Echarts 图表对象，`document.getElementById('main')` 是用于显示图表的 HTML 元素的 ID。

需要注意的是，在配置 `option` 对象时，`type` 属性的值为 `'pie'`，`roseType` 属性的值为 `'area'`，`radius` 属性是一个数组，第一个元素是内半径，第二个元素是外半径，`itemStyle` 属性的 `borderRadius` 属性用于设置饼图边框圆角。其他属性的含义可以参考 Echarts 官方文档。