feat: 点位数据tooltip 增加单位

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',