更改图例提示

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,7 +8,7 @@ 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: [
@@ -25,7 +25,7 @@ let options = {
       shape: "circle",
       axisName: {
         formatter: function (value) {
-          return value + ' '+ (radarData[value] / 10 * 100) + "%";
+          return value + " " + (radarData[value] / 10) * 100 + "%";
         },
         color: "#fff",
       },