From 3f46349096bd3987156faea50376698d206766de Mon Sep 17 00:00:00 2001
From: betaqi <3188864257@qq.com>
Date: Wed, 5 Nov 2025 14:48:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=82=B9=E4=BD=8D=E6=95=B0=E6=8D=AEtoo?=
 =?UTF-8?q?ltip=20=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

---
 .../stationData/component/newDataChart.vue    | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/stationData/component/newDataChart.vue b/src/views/stationData/component/newDataChart.vue
index 785d452..667f6df 100644
--- a/src/views/stationData/component/newDataChart.vue
+++ b/src/views/stationData/component/newDataChart.vue
@@ -12,6 +12,7 @@
 </template>
 
 <script setup lang="ts">
+import dayjs from 'dayjs'
 import VChart from 'vue-echarts'
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
@@ -109,16 +110,22 @@ const chartOption = computed<EChartsOption>(() => {
       trigger: 'axis',
       confine: true,
       appendToBody: true,
-      // formatter: function (params: any) {
-      //   var relVal = params[0].name
-      //
-      //   for (var i = 0, l = params.length; i < l; i++) {
-      //     relVal += `<div style="display: flex; justify-content: space-between; gap: 30px;">
-      //     <div>${params[i].marker}${params[i].seriesName}:</div> <div">${params[i].value[1]}${props.legends.find(item => item.addr === params[i].seriesId)?.unit || ''}</div>
-      //     </div>`
-      //   }
-      //   return relVal
-      // }
+      formatter: function (params: any) {
+        // 时间格式化
+        const date = new Date(params[0].value[0])
+        const timeStr = dayjs(params[0].value[0]).format('YYYY-MM-DD HH:mm:ss.SSS')
+
+        let relVal = timeStr
+
+        for (let i = 0; i < params.length; i++) {
+          const unit = props.legends.find(item => item.addr === params[i].seriesId)?.unit || ''
+              relVal += `<div style="display: flex; justify-content: space-between; gap: 30px;">
+            <div>${params[i].marker}${params[i].seriesName}:</div>
+            <div>${params[i].value[1]}${unit}</div>
+          </div>`
+        }
+        return relVal
+      }
     },
     legend: {
       type: 'scroll',