From e27256bdc488dafe6ac48f1f0e593fc5371f3f1c Mon Sep 17 00:00:00 2001
From: qianming <qianming@anji-plus.com>
Date: Thu, 22 Jul 2021 16:26:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BE=E5=88=86=E6=AF=94=E5=9B=BE=E5=9C=86?=
 =?UTF-8?q?=E7=8E=AF=E5=A1=AB=E5=85=85=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widget/pie/widgetPiePercentageChart.vue   | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPiePercentageChart.vue b/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPiePercentageChart.vue
index 280d11f5..570fbea5 100644
--- a/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPiePercentageChart.vue
+++ b/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPiePercentageChart.vue
@@ -5,6 +5,9 @@
 </template>
 
 <script>
+/*import echarts from "echarts";
+var myChart = echarts.init(this.$refs.myChart)*/
+var per = 60 ;
 export default {
   name: "widgetPiePercentageChart",//百分比图参考：https://www.makeapie.com/editor.html?c=xFkzKG-bpl
   components: {},
@@ -18,7 +21,7 @@ export default {
       options: {
         //backgroundColor: '#061740',
         title: {
-          text: '{nums|' + 60 + '}{percent|%}',
+          text: '{nums|' + per + '}{percent|%}',
           x: 'center',
           y: 'center',
           textStyle: {
@@ -223,7 +226,7 @@ export default {
             },
             data: [
               {
-                value: 60,
+                value: per,
                 name: '',
                 itemStyle: {
                   normal: {
@@ -244,7 +247,7 @@ export default {
                 },
               },
               {
-                value: 40,
+                value: 100 - per,
                 name: '',
                 label: {
                   normal: {
@@ -292,7 +295,10 @@ export default {
             detail: {
               show: false,
             },
-            data: [],
+            data: [{
+              value: 0,
+              name: ""
+            }],
           },
         ],
       },
@@ -336,7 +342,7 @@ export default {
   mounted() {
 /*        setInterval(() => {
           this.angle = this.angle + 3
-          myChart.setOption(option,true)
+          myChart.setOption(options,true)
         }, 1000);*/
   },
   methods: {
@@ -458,6 +464,8 @@ export default {
     staticDataFn(val) {
       const title = this.options.title;
       title.text = '{nums|' + val + '}{percent|%}';
+      this.options.series[6]['data'][0]['value'] = val ;
+      this.options.series[6]['data'][1]['value'] = 100 - val ;
       //this.setOptionPerData(val)
     },
     dynamicDataFn(val, refreshTime) {
@@ -475,6 +483,8 @@ export default {
       const data = this.queryEchartsData(val);
       data.then(res => {
         this.options.title.text = '{nums|' + res[0].value + '}{percent|%}';
+        this.options.series[6]['data'][0]['value'] = res[0].value;
+        this.options.series[6]['data'][1]['value'] = 100 - res[0].value;
       });
     }
   }