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  - ; }),
            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',
        }
    ]
};