300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > echarts实现3D饼图

echarts实现3D饼图

时间:2018-08-18 08:41:35

相关推荐

echarts实现3D饼图

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} ({d}%)"},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',}]};

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。