更改

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/assets/charts.js

@@ -128,6 +128,7 @@ var options = {
     },
     {
       name: "总数",
+      tooltip: false,
       type: "gauge",
       radius: "30%",
       center: ["50%", "35%"],
@@ -185,7 +186,14 @@ var options = {
           value: 100,
         },
       ],
-      // tooltip: false,
+      tooltip: {
+        backgroundColor: "rgba(50,50,50,0)",
+        formatter: " ",
+        borderWidth: 0,
+        textStyle: {
+          textShadowColor: "rgba(50,50,50,0)",
+        },
+      },
     },
     {
       type: "pie",

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue

@@ -63,6 +63,7 @@ export default {
         };
         chartsStatistics.legend.data = nameData;
         chartsStatistics.title[0].text = total;
+        // chartsStatistics.tooltip.show = false;
         // chartsStatistics.series[1].data[0].value = total;
         chartsStatistics.series[2].data = data;
       })

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/assets/charts.js

@@ -154,6 +154,14 @@ var options = {
           width: 1,
         },
       },
+      tooltip: {
+        backgroundColor: "rgba(50,50,50,0)",
+        formatter: " ",
+        borderWidth: 0,
+        textStyle: {
+          textShadowColor: "rgba(50,50,50,0)",
+        },
+      },
       axisTick: {
         show: false,
       },

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/assets/charts.js

@@ -1,57 +1,56 @@
 const sxnja = [
-   293.67, 493.44, 694.34, 894.5, 697.82, 895.09, 495.79, 497.49, 393.72, 293.52
+  293.67, 493.44, 694.34, 894.5, 697.82, 895.09, 495.79, 497.49, 393.72, 293.52,
 ];
 const minNumber = 0;
 const minArray = [];
 sxnja.map((value) => {
-   minArray.push(parseFloat((value - minNumber).toFixed(2)))
- })
- console.log(minArray)
- let xaxisData = [
- ];
+  minArray.push(parseFloat((value - minNumber).toFixed(2)));
+});
+console.log(minArray);
+let xaxisData = [];
 
 var options = {
   title: {
     //  text: '单位/%',
-     top: '0%',
-     left: '0%',
+    top: "0%",
+    left: "0%",
     textStyle: {
-       fontSize: '10px',
+      fontSize: "10px",
       fontWeight: 300,
-       color: '#B5C5D4',
-       opacity: 0.8
-     }
+      color: "#B5C5D4",
+      opacity: 0.8,
+    },
   },
   tooltip: {
     valueFormatter: function (value) {
-       return (value + minNumber).toFixed(2);
-     }
+      return value + minNumber;
+    },
   },
   grid: {
-     left: '1%',
-     right: '0%',
-     top: '16%',
-     bottom: '5%',
-     containLabel: true
+    left: "1%",
+    right: "0%",
+    top: "16%",
+    bottom: "5%",
+    containLabel: true,
   },
   xAxis: {
-     type: 'category',
+    type: "category",
     data: xaxisData,
     axisLine: {
       show: true,
       lineStyle: {
         width: 1,
-         color: '#545454'
-       }
+        color: "#545454",
+      },
     },
     axisTick: {
-       show: false
+      show: false,
     },
     axisLabel: {
-       color: '#B5C5D4',
-       fontSize: '10px',
-       interval: 0
-     }
+      color: "#B5C5D4",
+      fontSize: "10px",
+      interval: 0,
+    },
   },
   yAxis: [
     {
@@ -59,50 +58,50 @@ const sxnja = [
       // min: function (value) {
       //   return value.min*0.9;
       // },
-       type: 'value',
+      type: "value",
       // max: yAxisMax,
       axisLine: {
         show: false,
         lineStyle: {
           width: 1,
-           color: '#545454'
-         }
+          color: "#545454",
+        },
       },
       splitLine: {
         show: true,
         lineStyle: {
-           color: '#B2C2D3',
+          color: "#B2C2D3",
           opacity: 0.3,
-           type: 'dotted'
-         }
+          type: "dotted",
+        },
       },
       axisTick: {
-         show: false
+        show: false,
       },
       axisLabel: {
-         color: '#B5C5D4',
-         fontSize: '12px',
+        color: "#B5C5D4",
+        fontSize: "12px",
         formatter: (value) => {
-           return value + minNumber
-         }
-       }
-     }
+          return value + minNumber;
+        },
+      },
+    },
   ],
   series: [
     {
       //  name: '审限内结案率',
       data: minArray,
-       type: 'pictorialBar',
-       symbol: 'roundRect',
+      type: "pictorialBar",
+      symbol: "roundRect",
       symbolRepeat: true,
       symbolSize: [13, 4],
       // symbolOffset: symbolOffset,
       // barWidth:'40%',
       itemStyle: {
-         color: '#20E7FF'
-       }
-     }
-   ]
+        color: "#20E7FF",
+      },
+    },
+  ],
 };
 
 export default options;

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue

@@ -171,6 +171,7 @@ export default {
   methods: {
     selectProgress(item, index) {
       this.selectId = index;
+      this.searchQuery()
     },
     onReset() {
       this.area = '1';

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/assets/charts.js

@@ -1,6 +1,15 @@
-
 /* 数据 */
-let nameList = ["大学城", "长清", "孝里", "安城", "平阴北", "平阴南", "东平", "梁山东", "嘉祥西"]; // 类别
+let nameList = [
+  "大学城",
+  "长清",
+  "孝里",
+  "安城",
+  "平阴北",
+  "平阴南",
+  "东平",
+  "梁山东",
+  "嘉祥西",
+]; // 类别
 let valueList = [800, 520, 650, 950, 420, 600, 450, 720, 303]; // 人数
 // var yList = [ "1000","800","轻度拥堵","基本畅通","畅通"]
 /* 数据整合 */
@@ -13,79 +22,85 @@ nameList.map((item, index) => {
       value: valueList[index],
       itemStyle: {
         color: {
-               type: 'linear',
+          type: "linear",
           x: 0,
           y: 0,
           x2: 0,
           y2: 1,
-               colorStops: [{
-                  offset: 0, color: '#0469FF' // 0% 处的颜色
-               }, {
-                  offset: 1, color: '#699CFF' // 100% 处的颜色
-               }],
-               global: false // 缺省为 false
+          colorStops: [
+            {
+              offset: 0,
+              color: "#0469FF", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              color: "#699CFF", // 100% 处的颜色
+            },
+          ],
+          global: false, // 缺省为 false
         },
-            borderRadius: 6
+        borderRadius: 6,
       },
-         label: { show: false }
-      })
+      label: { show: false },
+    });
   } else {
     dataList.push({
       name: item,
       value: valueList[index],
       itemStyle: {
-            borderRadius: 6
-         }
-      })
+        borderRadius: 6,
+      },
+    });
   }
-})
+});
 
 var options = {
   grid: {
-      top: '5%',//上边距
-      right: '0',//右边距
-      left: '0',//左边距
+    top: "5%", //上边距
+    right: "0", //右边距
+    left: "0", //左边距
     bottom: "0%", //下边距
     containLabel: true,
   },
   tooltip: {
     valueFormatter: function (value) {
-        return (value + minNumber).toFixed(2);
-      }
+      return value + minNumber;
+    },
   },
   xAxis: {
-      type: 'category',
+    type: "category",
     data: nameList,
     axisTick: {
-         show: false //隐藏X轴刻度
+      show: false, //隐藏X轴刻度
     },
     axisLine: {
       lineStyle: {
-            color: "rgba(49, 217, 255, 0.8)"
-         }
+        color: "rgba(49, 217, 255, 0.8)",
+      },
     },
     axisLabel: {
       show: true,
-         color: '#B6E6FF',
+      color: "#B6E6FF",
       fontSize: 8,
-         fontFamily: 'Source Han Sans CN-Regular',
+      fontFamily: "Source Han Sans CN-Regular",
     },
   },
-   yAxis: [{
-      type: 'value',
+  yAxis: [
+    {
+      type: "value",
       name: "",
 
       nameTextStyle: {
-         color: '#B6E6FF',
+        color: "#B6E6FF",
         fontSize: 13,
-         fontFamily: 'Source Han Sans CN-Regular',
+        fontFamily: "Source Han Sans CN-Regular",
         align: "left",
         verticalAlign: "center",
       },
       axisLabel: {
         fontSize: 13,
-         color: '#B6E6FF',
-         fontFamily: 'HarmonyOS Sans-Regular',
+        color: "#B6E6FF",
+        fontFamily: "HarmonyOS Sans-Regular",
         // formatter:function(value,index){
         //    return yList[index]
         // }
@@ -94,40 +109,47 @@ var options = {
         show: false,
       },
       axisTick: {
-         show: false
+        show: false,
       },
       splitLine: {
         lineStyle: {
-            color: 'rgba(49, 217, 255, 0.5)',
-         }
+          color: "rgba(49, 217, 255, 0.5)",
+        },
       },
-   }],
-   series: [{
-      type: 'bar',
+    },
+  ],
+  series: [
+    {
+      type: "bar",
       data: dataList,
       z: 4,
       itemStyle: {
         color: {
-            type: 'linear',
+          type: "linear",
           x: 0,
           y: 0,
           x2: 0,
           y2: 1,
-            colorStops: [{
-               offset: 0, color: '#0BA7DA' // 0% 处的颜色
-            }, {
-               offset: 1, color: '#61D8FF' // 100% 处的颜色
-            }],
-            global: false // 缺省为 false
+          colorStops: [
+            {
+              offset: 0,
+              color: "#0BA7DA", // 0% 处的颜色
+            },
+            {
+              offset: 1,
+              color: "#61D8FF", // 100% 处的颜色
             },
-         borderRadius: [4, 4, 0, 0]
+          ],
+          global: false, // 缺省为 false
+        },
+        borderRadius: [4, 4, 0, 0],
       },
       barWidth: 10,
       label: {
         show: false,
-      }
       },
-   ]
-}
+    },
+  ],
+};
 
 export default options;