玫瑰图

src/views/PropertyBenchnark/SingleTransverseBenchmark.vue

@@ -65,9 +65,9 @@
 
             <el-table
               :data="tableData"
-              :row-style="{ height: '6px' }"
+              :row-style="{ height: '1px' }"
               border
-              style="width: 100%; font-size: 1px; margin-bottom: 50px"
+              style="width: 100%; margin-bottom: 50px"
             >
               <el-table-column label="单机日信息对比">
                 <el-table-column prop="name" label="项目" width="180">
@@ -305,7 +305,7 @@
               </el-table-column>
             </el-table>
           </el-row>
-          <el-row style="margin-bottom: 50px;width: 1900px">
+          <el-row style="margin-bottom: 50px; width: 1900px">
             <qxt_yue ref="qxt_yue"></qxt_yue>
           </el-row>
         </el-tab-pane>
@@ -452,7 +452,7 @@
               </el-table-column>
             </el-table>
           </el-row>
-          <el-row style="margin-bottom: 50px;width: 1900px">
+          <el-row style="margin-bottom: 50px; width: 1900px">
             <qxt_nian ref="qxt_nian"></qxt_nian>
           </el-row>
         </el-tab-pane>
@@ -463,15 +463,15 @@
 
 <script>
 import * as echarts from "echarts";
-import qxt_yue from '../../views/PropertyBenchnark/qxt_yue.vue';
-import qxt_nian from '../../views/PropertyBenchnark/qxt_nian.vue';
+import qxt_yue from "../../views/PropertyBenchnark/qxt_yue.vue";
+import qxt_nian from "../../views/PropertyBenchnark/qxt_nian.vue";
 export default {
   data() {
     return {
       fc: "MHS_FDC",
       fj: "MG01_01",
       Date1: "2021-01-01",
-      leida_list:[],
+      leida_list: [],
       tableData: [],
       tableData_y: [],
       tableData_n: [],
@@ -512,15 +512,15 @@ export default {
       },
     };
   },
-  components:{
-      qxt_yue:qxt_yue,
-      qxt_nian:qxt_nian,
-    },
+  components: {
+    qxt_yue: qxt_yue,
+    qxt_nian: qxt_nian,
+  },
   created() {
     this.query_wpid();
   },
   methods: {
-    handleClick(){
+    handleClick() {
       this.tableData = [];
       this.tableData_n = [];
       this.tableData_y = [];
@@ -560,14 +560,19 @@ export default {
           Object.assign(this.$data.tableData, this.$options.data().tableData);
           Object.assign(this.$data.lineDate, this.$options.data().lineDate);
           this.query_line();
-          
         } else if (this.activeName == "second") {
-          Object.assign(this.$data.tableData_y, this.$options.data().tableData_y);
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
           Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
           this.query_line_y();
         } else if (this.activeName == "thired") {
           // this.query_daycompare();
-          Object.assign(this.$data.tableData_n, this.$options.data().tableData_n);
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
           Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
           this.query_line_n();
         }
@@ -607,10 +612,7 @@ export default {
           this.tableData_n = res.data.data;
           this.$http
             .get(
-              "compare/fzyYear?windturbineid=" +
-                this.fj +
-                "&date=" +
-                this.Date1
+              "compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1
             )
             .then((res) => {
               this.jfpl = res.data.data.jfpl;
@@ -635,7 +637,7 @@ export default {
                 this.drawLeiDaTu3();
                 this.drawLeiDaTu4();
               }
-               this.$refs.qxt_nian.drawLine_n(this.lineDate_n,this.fj);
+              this.$refs.qxt_nian.drawLine_n(this.lineDate_n, this.fj);
             });
         });
     },
@@ -684,8 +686,8 @@ export default {
               this.jfpl = res.data.data.jfpl;
               let value_list = res.data.data.data;
               this.leida_list = [];
-              for(let i = 1;i<value_list.length;i++){
-                  that.leida_list.push(value_list[i].data1);
+              for (let i = 1; i < value_list.length; i++) {
+                that.leida_list.push(value_list[i].data1);
               }
               console.log(this.leida_list);
               if (this.fj.length == 1) {
@@ -709,7 +711,7 @@ export default {
                 this.drawLeiDaTu3();
                 this.drawLeiDaTu4();
               }
-               this.$refs.qxt_yue.drawLine_y(this.lineDate_y,this.fj);
+              this.$refs.qxt_yue.drawLine_y(this.lineDate_y, this.fj);
             });
         });
     },
@@ -957,8 +959,14 @@ export default {
           top: "93%",
           left: "10%",
         },
+        tooltip: {
+          triggerOn: "none",
+          alwaysShowContent: true,
+          position: function (pt) {
+            return [pt[0], 130];
+          },
+        },
         radar: {
-          // shape: 'circle',
           name: {
             textStyle: {
               color: "#fff",
@@ -994,8 +1002,17 @@ export default {
               {
                 value: this.leida_list,
                 name: this.jfpl,
+                label: {
+                  normal: {
+                    show: true,
+                    formatter: function (params) {
+                      return params.value;
+                    },
+                  },
+                },
               },
             ],
+            itemStyle: { normal: { label: { show: true } } },
           },
         ],
       };
@@ -1024,6 +1041,13 @@ export default {
               padding: [3, 5],
             },
           },
+          tooltip: {
+          triggerOn: "none",
+          alwaysShowContent: true,
+          position: function (pt) {
+            return [pt[0], 130];
+          },
+        },
           indicator: [
             { name: "北", max: 10 },
             { name: "北北东", max: 10 },
@@ -1051,6 +1075,14 @@ export default {
               {
                 value: this.leida_list,
                 name: this.jfpl,
+                label: {
+                  normal: {
+                    show: true,
+                    formatter: function (params) {
+                      return params.value;
+                    },
+                  },
+                },
               },
             ],
           },
@@ -1081,6 +1113,13 @@ export default {
               padding: [3, 5],
             },
           },
+          tooltip: {
+          triggerOn: "none",
+          alwaysShowContent: true,
+          position: function (pt) {
+            return [pt[0], 130];
+          },
+        },
           indicator: [
             { name: "北", max: 10 },
             { name: "北北东", max: 10 },
@@ -1108,6 +1147,14 @@ export default {
               {
                 value: this.leida_list,
                 name: this.jfpl,
+                label: {
+                  normal: {
+                    show: true,
+                    formatter: function (params) {
+                      return params.value;
+                    },
+                  },
+                },
               },
             ],
           },
@@ -1138,6 +1185,13 @@ export default {
               padding: [3, 5],
             },
           },
+          tooltip: {
+          triggerOn: "none",
+          alwaysShowContent: true,
+          position: function (pt) {
+            return [pt[0], 130];
+          },
+        },
           indicator: [
             { name: "北", max: 10 },
             { name: "北北东", max: 10 },
@@ -1165,6 +1219,14 @@ export default {
               {
                 value: this.leida_list,
                 name: this.jfpl,
+                label: {
+                  normal: {
+                    show: true,
+                    formatter: function (params) {
+                      return params.value;
+                    },
+                  },
+                },
               },
             ],
           },
@@ -1195,6 +1257,13 @@ export default {
               padding: [3, 5],
             },
           },
+          tooltip: {
+          triggerOn: "none",
+          alwaysShowContent: true,
+          position: function (pt) {
+            return [pt[0], 130];
+          },
+        },
           indicator: [
             { name: "北", max: 10 },
             { name: "北北东", max: 10 },
@@ -1222,6 +1291,14 @@ export default {
               {
                 value: this.leida_list,
                 name: this.jfpl,
+                label: {
+                  normal: {
+                    show: true,
+                    formatter: function (params) {
+                      return params.value;
+                    },
+                  },
+                },
               },
             ],
           },