From 5f20aee1be18587ff070ef2936e1ec2038c275e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=85=B4=E7=90=B3?= <1911390090@qq.com>
Date: Wed, 25 Dec 2024 12:18:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A4=E9=80=9A=E6=B5=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trafficFlow/analysis/flow/index.vue       | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue
index 18e79d83..489d42ed 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue
@@ -62,7 +62,22 @@ export default {
             direction: data.direction
           }
         }).then(resLastYear=>{
-          chartsStatistics.xAxis.data = res.data.map(x=>x.name);
+          //将字符串按照 '-' 分割成两行
+          function splitNameByDash(name) {
+            const parts = name.split('-');
+            if (parts.length > 1) {
+              return `${parts[0]}\n${parts.slice(1).join('-')}`;
+            }
+            return name;
+          }
+          chartsStatistics.xAxis.data = res.data.map(x=>splitNameByDash(x.name));
+          chartsStatistics.xAxis.axisLabel = {
+            fontSize: 15, // 调整字体大小
+            formatter: function (value) {
+              return value;
+            }
+          };
+
           chartsStatistics.series[0].data = res.data.map(x=>x.totalPassengerFlow);
           chartsStatistics.series[1].data = res.data.map(x=>x.typeTruckFlow);
           chartsStatistics.series[2].data = res.data.map(x=>x.typeSpecialVehicleFlow);
@@ -78,6 +93,8 @@ export default {
     }
   },
   mounted() {
+    // 将字符串按照 '-' 分割成两行
+
     // this.$nextTick(() => {
     //   var myChart = echarts.init(document.getElementById("anaFlow"));
     //   myChart.setOption(chartsStatistics);