热源趋势曲线X轴数据修改

src/components/screenDisplay.vue

@@ -635,13 +635,17 @@ export default defineComponent({
       currentIndex: 0,
       heatSourceList: [], // 热源趋势echarts展示
       pressureList: [], //压力列表
+      pressureListX: [], //压力列表X轴
       flowList: [], //流量列表
+      flowListX: [], //流量列表X轴
       temperatureList: [], //温度列表
+      temperatureListX: [], //温度列表X轴
       trendList: [],
       trendX: ['0时','1时','2时','3时','4时','5时','6时','7时','8时','9时','10时','11时','12时','13时','14时','15时','16时','17时','18时','19时','20时','21时','22时','23时'],
       trendXP: ['一月','二月','三月','四月','五月','六月',],
       trendY: [],
       heatTrendY: [],
+      heatTrendX: [],
       enterpriseId: '',
       classOptions: {
         step: 0.5,//滚动速度值越大越快，但是值太小会卡顿
@@ -1314,8 +1318,11 @@ export default defineComponent({
         this.firstCardLoading = false
         if(res.data) {
           this.temperatureList = res.data.temperatureList //温度列表
+          this.temperatureListX = this.temperatureList[0].map(item => item.gatherTime)
           this.pressureList = res.data.pressureList //压力列表
+          this.pressureListX = this.pressureList[0].map(item => item.gatherTime)
           this.flowList = res.data.flowList  //流量列表
+          this.flowListX = this.flowList[0].map(item => item.gatherTime)
         }else {
           const params = {
             temperatureList: [
@@ -2210,13 +2217,17 @@ export default defineComponent({
           this.temperatureList = params.temperatureList //温度列表
           this.pressureList = params.pressureList //压力列表
           this.flowList = params.flowList  //流量列表
+          this.heatTrendX = this.trendX
         }
         if(this.heatType === 1) {
           this.heatSourceList = this.temperatureList
+          this.heatTrendX = this.temperatureListX.map(time => this.formatTime(time))
         }else if(this.heatType === 2){
           this.heatSourceList = this.pressureList
+          this.heatTrendX = this.pressureListX.map(time => this.formatTime(time))
         }else {
           this.heatSourceList = this.flowList
+          this.heatTrendX = this.flowListX.map(time => this.formatTime(time))
         }
 
         this.heatTrendY = []
@@ -2232,6 +2243,11 @@ export default defineComponent({
         }
       })
     },
+    formatTime(dateTimeStr) {
+      const date = new Date(dateTimeStr);
+      const hours = String(date.getHours()).padStart(2, '0');
+      return `${hours}时`;
+    },
     handleGetPipingTrend() {
       const nowDate = moment(new Date()).format('YYYY-MM-DD')
       const StartTime = nowDate + ' 00:00:00'
@@ -3580,7 +3596,7 @@ export default defineComponent({
         },
         xAxis: {
           type: 'category',
-          data: this.trendX,
+          data: this.heatTrendX,
           axisLabel: {
             color: "#ffffff",
             fontSize: "10px",