前言:

? ? ? ? echarts實現3d餅圖

效果圖：

相關插件：D3js

<script src="https://d3js.org/d3.v6.min.js"></script>

實現源碼：

var salesData = [{label: "Basic",color: "#2f7ed8" }, {label: "Plus",color: "#0d233a" }, {label: "Lite",color: "#8bbc21" }, {label: "Elite",color: "#910000" }, {label: "Delux",color: "#1aadce" }]; var width = 400,height = 500; var svg = d3.select("#chart-panel").append("svg").attr("width", width).attr("height", height).append("g").attr("id", "circleDonut"); Donut3D.draw("circleDonut", randomData(), 150, 150, 130, 100, 30, 0);function randomData() {return salesData.map(function(d) {return {label: d.label,value: 1000 * Math.random(),color: d.color};}); } $('#chart-panel div').css('display', 'none');

更多入口

總結

以上是生活随笔為你收集整理的echarts+3d饼图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。