台站数据接收统计弹窗，x时间轴要按照utc时间-8小时显示

src/views/stationOperation/components/RealTimeDataChart.vue

@@ -29,8 +29,10 @@
 import CustomChart from '@/components/CustomChart/index.vue'
 import * as echarts from 'echarts'
 import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import { cloneDeep } from 'lodash'
 
+dayjs.extend(utc)
 const typeList = ['MET', 'SOH', 'QC', 'PHD'] //
 
 // 自定义图例列表
@@ -71,10 +73,15 @@ const legendList = [
 const initialOption = {
   tooltip: {
     formatter: (params) => {
+      // return `
+      //   <div>${params.marker}${params.name}</div>
+      //   <div>START：${dayjs(new Date(params.value[4])).format('YYYY-MM-DD HH:mm:ss')}</div>
+      //   <div style="white-space: pre">   END：${dayjs(new Date(params.value[2])).format('YYYY-MM-DD HH:mm:ss')}</div>
+      // `
       return `
         <div>${params.marker}${params.name}</div>
-        <div>START：${dayjs(new Date(params.value[4])).format('YYYY-MM-DD HH:mm:ss')}</div>
+        <div>START：${dayjs.utc(params.value[4]).format('YYYY-MM-DD HH:mm:ss')}</div>
-        <div style="white-space: pre">   END：${dayjs(new Date(params.value[2])).format('YYYY-MM-DD HH:mm:ss')}</div>
+        <div style="white-space: pre">   END：${dayjs.utc(params.value[2]).format('YYYY-MM-DD HH:mm:ss')}</div>
       `
     },
   },
@@ -203,8 +210,9 @@ export default {
           axisLabel: {
             show: true,
             formatter: (val) => {
-              let dateTime = new Date(val)
+              // let dateTime = new Date(val)
-              return dayjs(dateTime).format('HH:mm\nMM/DD')
+              // return dayjs.utc(dateTime).format('HH:mm\nMM/DD')
+              return dayjs.utc(val).format('HH:mm\nMM/DD')
             },
             color: '#ade6ee',
           },