try

src/components/echartsPie.vue

@@ -54,34 +54,35 @@ export default {
   methods: {
     // 获取配置
     getOption() {
+
       // 指定图表的配置项和数据
       let isAllZero = this.dataList.every(item => {
-       // console.log(item,"item")
+        // console.log(item,"item")
         return item.value == 0
       })
-      console.log(isAllZero,"isAllZero")
+      console.log(isAllZero, "isAllZero")
-      let option=null
+      let option = null
-      if(isAllZero==true){
+      if (isAllZero == true) {
-        for(let i =0;i<this.dataList.length;i++){
+        for (let i = 0; i < this.dataList.length; i++) {
-          this.dataList[i].name = this.dataList[i].name+" 已完成工作项："+this.dataList[i].value+"项"
+          this.dataList[i].name = this.dataList[i].name + " 已完成工作项：" + this.dataList[i].value + "项"
         }
-        console.log(this.dataList,"this.dataListgroup")
+        console.log(this.dataList, "this.dataListgroup")
-         option = {
+        option = {
           tooltip: {
             trigger: 'item'
           },
           //文本形式项目暂无进度，缩放有问题
-        //    graphic:{
+          //    graphic:{
-        //     type:'text',
+          //     type:'text',
-        //     left:'27%',
+          //     left:'27%',
-        //     top:'50%',
+          //     top:'50%',
-        //     style:{
+          //     style:{
-        //         text:'项目暂无进度',
+          //         text:'项目暂无进度',
-        //          textAlign:'center',
+          //          textAlign:'center',
-        //         fill:'#000',
+          //         fill:'#000',
-               
+
-        //     }
+          //     }
-        // },
+          // },
           series: [
             {
               name: '统计',
@@ -113,42 +114,42 @@ export default {
             }
           ]
         };
-      }else{
+      } else {
-         for(let i =0;i<this.dataList.length;i++){
+        for (let i = 0; i < this.dataList.length; i++) {
-          this.dataList[i].name = this.dataList[i].name+"："+this.dataList[i].value+"人"
+          this.dataList[i].name = this.dataList[i].name + "：" + this.dataList[i].value + "人"
         }
         option = {
-        tooltip: {
+          tooltip: {
-          trigger: 'item'
+            trigger: 'item'
-        },
+          },
-        series: [
+          series: [
-          {
+            {
-            name: '统计',
+              name: '统计',
-            type: 'pie',
+              type: 'pie',
-            center: ['35%', '55%'],
+              center: ['35%', '55%'],
-            // radius: ['40%', '70%'],
+              // radius: ['40%', '70%'],
-            avoidLabelOverlap: false,
+              avoidLabelOverlap: false,
-            label: {
-              show: false,
-              position: 'center'
-            },
-            emphasis: {
               label: {
                 show: false,
-                fontSize: '40',
+                position: 'center'
-                fontWeight: 'bold'
+              },
-              }
+              emphasis: {
-            },
+                label: {
-            labelLine: {
+                  show: false,
-              show: false
+                  fontSize: '40',
-            },
+                  fontWeight: 'bold'
-            data: this.dataList
+                }
-          }
+              },
-        ]
+              labelLine: {
-      };
+                show: false
+              },
+              data: this.dataList
+            }
+          ]
+        };
       }
-        
+
-  
+
       if (this.isLegend) {
         option.legend = {
           type: 'scroll',
@@ -166,7 +167,7 @@ export default {
     // 初始化图表
     initEcharts() {
       this.$nextTick(() => {
-      
+
         this.myChart = echarts.init(document.getElementById(this.id));
         // 使用刚指定的配置项和数据显示图表。
         this.myChart.setOption(this.getOption());
@@ -183,7 +184,7 @@ export default {
     // 更新图表
     updateEcharts() {
       this.myChart.setOption(this.getOption(), true);
-        console.log( this.dataList," this.dataList")
+      console.log(this.dataList, " this.dataList")
     }
   }
 }