Echarts實現3D餅圖

option = {backgroundColor:'#fff',legend: {orient: 'vertical',x: '1000', // 'center' | 'left' | {number},y: '200', // 'center' | 'bottom' | {number}data: ['西寧', '海東', '海北','海南', '果洛', '玉樹','海西']},title: {//text: '數字化審計平臺',left: 'center',//標題欄的高度，值越大，距離頂部的距離越大top: 50,//標題欄字體的顏色textStyle: {color: '#FFD700'}},tooltip : {trigger: 'item',formatter: "{a} <br/>{b} : {c} (ozvdkddzhkzd%)"},series : [{name:'客戶訪問來源',type:'pie',radius : '60%',center: ['50%', '50%'],data:[{value:335, name:'西寧',itemStyle:{color:'#0bebf9'}},{value:310, name:'海東',itemStyle:{color:'#07bcf8'}},{value:400, name:'海北',itemStyle:{color:'#f488f2'}},{value:235, name:'海南',itemStyle:{color:'#fcf367'}},{value:274, name:'果洛',itemStyle:{color:'#fcf912'}},{value:258, name:'玉樹',itemStyle:{color:'#fa14c6'}},{value:280, name:'海西',itemStyle:{color:'#184dfa'}}].sort(function (a, b) { return a.value - b.value; }),roseType: 'radius',//餅狀圖的外圍標簽label: {normal: {textStyle: {color: 'rgba(0, 0, 0, 0.3)'}}},//指向外圍標簽的線條labelLine: {normal: {lineStyle: {color: 'rgba(0, 0, 255, 0.3)'},smooth: 0.2,length: 10,length2: 20}},itemStyle: {normal: {//具體決定了餅狀圖每一份的顏色顯示color: '#FFA07A',//餅狀圖陰影，值越大陰影亮度越高shadowBlur: 200,shadowColor: 'rgba(0, 0, 0, 0.5)'}},animationType: 'scale',animationEasing: 'elasticOut',}] };

總結

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

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