echarts扇形图

<div id="myChart" style="width: 100%;height: 300px;"></div>

 

 drawLine(){
        // 基于准备好的dom，初始化echarts实例
        let myChart = this.$echarts.init(document.getElementById('myChart'))
        // 绘制图表
        myChart.setOption({ title : {
        /*text: '道口车辆数目统计',
        subtext: this.date,*/
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
   /* legend: {
        orient: 'vertical',
        left: 'left',
         data:['区域管理', '养护作业','科研监测','公务合作','管理处车']
    },*/

/*改变扇形图颜色*/
   color:['#03a9f4','#29b6f6',  '#4fc3f7', '#81d4fa','#b3e5fc'],
    series : [
    
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',

/* 扇形图，环形图*/

/* radius : ['55%','70%'],*/
            center: ['50%', '60%'],
            /*data:this.ruchangshuju,*/
           data:[
                {value:this.aa, name:'区域管理'},
                {value:this.bb, name:'养护作业'},
                {value:this.cc, name:'科研监测'},
                {value:this.dd, name:'公务合作'},
                {value:this.ee, name:'管理处车'}
            ],
            itemStyle: {
                normal: {
                       label:{
                   textStyle:{
                       /*饼图改变字体颜色*/
                       color:'black'
                   }
                }
            },
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]});
    },