3d饼图实现

效果图：

封装的js链接点击下载

数据格式：

const data = [
      {
        name: "60-69岁",
        value: '134',
        itemStyle: {
          color: "#5169C2",
        },
      },
      {
        name: "70-79岁",
        value: '156',
        itemStyle: {
          color: "#378fcb",
        },
      },
      {
        name: "80-89岁",
        value: '57',
        itemStyle: {
          color: "#85dca4",
        },
      },
      {
        name: "90岁以上",
        value: '51',
        itemStyle: {
          color: "#ffb54b",
        },
      },
    ]; 

使用方式：

//引入
import { getPie3D } from "上面封装的js文件";

chartsInit(data);//这里的data指的就是上面的数据格式

function chartsInit(init) {
  var chartDom = document.getElementById("chart");//绑定在dom元素上
  var myChart = echarts.init(chartDom);
  var option = getPie3D(init, 0.6);
  console.log("option", option);

  option && myChart.setOption(option);
}

这也是某位大佬写的，仅做学习记录！