更改图例提示

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/composeFeatures/assets/charts.js

@@ -11,6 +11,9 @@ var options = {
   tooltip: {
     show: true,
     trigger: "axis",
+    valueFormatter: function (value) {
+      return value + " 指标";
+    },
   },
   xAxis: {
     type: "category",
@@ -44,7 +47,7 @@ var options = {
   },
   yAxis: {
     type: "value",
-    name: '(指标)',
+    name: "(指标)",
     nameTextStyle: {
       color: "#fff",
       fontSize: 10,

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/crowding/assets/charts.js

@@ -11,6 +11,9 @@ var options = {
   tooltip: {
     show: true,
     trigger: "axis",
+    valueFormatter: function (value) {
+      return value + " 指标";
+    },
   },
   xAxis: {
     type: "category",
@@ -44,7 +47,7 @@ var options = {
   },
   yAxis: {
     type: "value",
-    name: '(指标)',
+    name: "(指标)",
     nameTextStyle: {
       color: "#fff",
       fontSize: 10,

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/saturationMax/assets/charts.js

@@ -4,6 +4,9 @@ var options = {
   tooltip: {
     show: true,
     trigger: "axis",
+    valueFormatter: function (value) {
+      return value + " 指标";
+    },
   },
   grid: {
     left: "2px",
@@ -45,7 +48,7 @@ var options = {
   },
   yAxis: {
     type: "value",
-    name: '(指标)',
+    name: "(指标)",
     nameTextStyle: {
       color: "#fff",
       fontSize: 10,

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/charts.js

@@ -62,6 +62,9 @@ var options = {
   tooltip: {
     show: true,
     trigger: "axis",
+    valueFormatter: function (value) {
+      return value + " 指标";
+    },
   },
   legend: {
     // orient: 'vertical',

ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/components/IndicatorAnalysis/components/trafficIndicators/assets/chartsRadar.js

@@ -1,4 +1,4 @@
-window.radarData = {'交通特征':9,'拥挤度':8,'饱和度':5,}
+window.radarData = { 交通特征: 9, 拥挤度: 8, 饱和度: 5 };
 
 let options = {
   legend: {
@@ -8,15 +8,15 @@ let options = {
     trigger: "item",
     formatter: function (params) {
       let data = params.data;
-      return `交通特征: ${data.value[0]}<br>拥挤度: ${data.value[1]}<br>饱和度: ${data.value[2]}`;
+      return `<span style="width:60px;display:inline-block">交通特征:</span> <span style="font-weight: bold;"> ${data.value[0]} 指标</span><br><span style="width:60px;display:inline-block">拥挤度: </span><span style="font-weight: bold;"> ${data.value[1]} 指标</span><br><span style="width:60px;display:inline-block">饱和度:</span> <span style="font-weight: bold;"> ${data.value[2]} 指标</span>`;
     },
   },
   radar: [
     {
       indicator: [
-        { name: "交通特征",max: 10 }, 
-        { name: "拥挤度" ,max: 10},
-        { name: "饱和度",max: 10 }, 
+        { name: "交通特征", max: 10 },
+        { name: "拥挤度", max: 10 },
+        { name: "饱和度", max: 10 },
       ],
       center: ["50%", "55%"],
       radius: 70,
@@ -25,8 +25,8 @@ let options = {
       shape: "circle",
       axisName: {
         formatter: function (value) {
-          return value + ' '+ (radarData[value] / 10 * 100) + "%";
-      },
+          return value + " " + (radarData[value] / 10) * 100 + "%";
+        },
         color: "#fff",
       },
       splitArea: {
@@ -55,7 +55,7 @@ let options = {
       },
       data: [
         {
-          value: [9,8,5],
+          value: [9, 8, 5],
           name: "月指标",
           areaStyle: {
             color: {