From a8b5ea21ff2b0d7dd16116f9278e4d2f39f1d25a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Sun, 6 Jul 2025 14:47:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=9B=BE=E8=A1=A8=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/LineChart.vue | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/home/LineChart.vue b/src/components/home/LineChart.vue
index 73efbb0..4d08d6f 100644
--- a/src/components/home/LineChart.vue
+++ b/src/components/home/LineChart.vue
@@ -29,9 +29,34 @@ watch(
       },
       tooltip: {
         trigger: 'axis',
+        formatter: (params: any[]) => {
+          if (!params || !params.length)
+            return ''
+          // 1. 把第一个点的轴值（已经是格式化好的时间串）当作标题
+          const time = params[0].axisValue
+          let html = `<div>${time}</div>`
+
+          // 2. 逐条拼接：保留它自带的 marker（圆点／线段小样） + 系列名 + 数据 + 单位
+          params.forEach((item) => {
+            let unit = ''
+            switch (item.seriesName) {
+              case '温度': unit = ' ℃'
+                break
+              case '相对湿度': unit = ' %RH'
+                break
+              case 'H2O2浓度': unit = ' ppm'
+                break
+              case 'H2O2相对饱和度': unit = ' %RS'
+                break
+            }
+            // item.marker 就是 echarts 自动给你的小彩点
+            html += `<div>${item.marker} ${item.seriesName}: ${item.data}${unit}</div>`
+          })
+          return html
+        },
       },
       legend: {
-        data: ['温度', '湿度', 'H2O2浓度', 'H2O2饱和度'],
+        data: ['温度', '相对湿度', 'H2O2浓度', 'H2O2相对饱和度'],
         orient: 'horizontal', // 水平布局
         itemWidth: 10, // 图例图形宽度
         itemHeight: 10, // 图例图形高度
@@ -60,7 +85,7 @@ watch(
           },
         },
         {
-          name: '湿度',
+          name: '相对湿度',
           type: 'line',
           data: newValue.data?.map(item => item.rh.toFixed(2)),
           symbol: 'circle',
@@ -82,7 +107,7 @@ watch(
           },
         },
         {
-          name: 'H2O2饱和度',
+          name: 'H2O2相对饱和度',
           type: 'line',
           data: newValue.data?.map(item => item.rs.toFixed(2)),
           symbol: 'circle',