echarts+3d饼图
生活随笔
收集整理的這篇文章主要介紹了
echarts+3d饼图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言:
? ? ? ? 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饼图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 深度装机大师一键重装_手把手教你深度装机
- 下一篇: iOS工作笔记之NSClassFromS