echarts 3D饼图组件

效果图：

效果图.png

组件使用：

distance:缩放大小控制
25：倾斜角度控制
autoRotate：旋转控制
（注：组件中的配置项k用以控制内圆半径，k=0为饼图，否则为饼环图）

       


    const pie3dOption = ref([
      {
        name: '村干部',
        value: 38,
        itemStyle: {
          color: '#004BBB',
        },
      },
      {
        name: '科技园',
        value: 30,
        itemStyle: {
          color: '#EE916F',
        },
      },
      {
        name: '贫困户',
        value: 32,
        itemStyle: {
          color: '#00D7E9',
        },
      },
      {
        name: '普通人员',
        value: 58,
        itemStyle: {
          color: '#4366F3',
        },
      },
    ]);

组件.vue：