fix： 调整charttooltip 样式错乱的问题

nezha-fronted/src/components/chart/ChartScreenHeader.vue

@@ -88,7 +88,7 @@ export default {
   methods: {
     dateChange () {
       const nowTimeType = this.$refs.pickTime.$refs.timePicker.nowTimeType
-      this.setSearchTime('searchTime', nowTimeType)
+      this.setSearchTime('searchTime', nowTimeType,'', false)
       this.filter.start_time = bus.timeFormate(this.searchTime[0])
       this.filter.end_time = bus.timeFormate(this.searchTime[1])
       this.filter.value = this.searchTime[2]
@@ -206,10 +206,10 @@ export default {
       this.nowType.end_time = this.searchTime[1]
       if (!this.nowTimeType) {
         this.$refs.pickTime.$refs.timePicker.setCustomTime(this.nowType)
-        this.setSearchTime('searchTime', this.nowType)
+        this.setSearchTime('searchTime', this.nowType, '', false)
       } else {
         this.$refs.pickTime.$refs.timePicker.setCustomTime(this.nowType)
-        this.setSearchTime('searchTime', this.nowType)
+        this.setSearchTime('searchTime', this.nowType, '', false)
       }
     }
   }

nezha-fronted/src/components/chart/chart/uplot/chartTimeSeries.vue

@@ -95,7 +95,9 @@ export default {
         clickIndex: undefined
       },
       isGrey: [],
-      seriesData: []
+      seriesData: [],
+      leftYaxisMin: undefined,
+      leftYaxisMax: undefined
     }
   },
   computed: {
@@ -403,9 +405,11 @@ export default {
         let chartUplot = ''
         chartUplot = new UPlot(opts, data, document.getElementById(`chart-canvas-${this.chartId}`))
         setChart(this.chartId, chartUplot)
+        this.isInit = false
       }, 100)
     },
     renderMinMax (opts) {
+      const that = this
       let leftMin = this.$lodash.get(this.chartInfo, 'param.min', undefined)
       let leftMax = this.$lodash.get(this.chartInfo, 'param.max', undefined)
       if (leftMin || leftMax) {
@@ -429,6 +433,8 @@ export default {
               leftMax = initMax / 2
             }
           }
+          that.leftYaxisMin = leftMin
+          that.leftYaxisMax = leftMax
           return [leftMin, leftMax]
         }
       }

nezha-fronted/src/components/chart/chart/uplot/chartTimeSeriesMixin.js

@@ -511,7 +511,7 @@ export default {
       let tooltip = root.getElementsByClassName('nz-uplot-tooltip')
       if (tooltip.length) {
         tooltip = tooltip[0]
-        tooltip.style.display = 'block'
+        // tooltip.style.display = 'block'
       }
       over.addEventListener('mouseleave', this.uplotMouseleave)
       over.addEventListener('mousemove', this.uplotMousemove)
@@ -652,14 +652,16 @@ export default {
       const x0 = u.valToPos(xd[i0], 'x', true)
       const x1 = u.valToPos(xd[i1], 'x', true)
       thresholdsArr.forEach(item => {
-        const y0 = u.valToPos(item.value, 'left', true)
+        if (item.value > this.leftYaxisMin && item.value < this.leftYaxisMax) {
-        const y1 = u.valToPos(item.value, 'left', true)
+          const y0 = u.valToPos(item.value, 'left', true)
-        ctx.beginPath()
+          const y1 = u.valToPos(item.value, 'left', true)
-        ctx.strokeStyle = item.color
+          ctx.beginPath()
-        ctx.setLineDash([5, 5])
+          ctx.strokeStyle = item.color
-        ctx.moveTo(x0, y0)
+          ctx.setLineDash([5, 5])
-        ctx.lineTo(x1, y1)
+          ctx.moveTo(x0, y0)
-        ctx.stroke()
+          ctx.lineTo(x1, y1)
+          ctx.stroke()
+        }
       })
       ctx.restore()
     }

nezha-fronted/src/components/common/mixin/mainMixinFun.js

@@ -217,10 +217,12 @@ export default {
       }
     },
     /* 时间条件查询--end */
-    setSearchTime (key, nowType, cb) { // 设置searchTime
+    setSearchTime (key, nowType, cb, flag = true) { // 设置searchTime
       if (this.$refs.pickTime) {
         const nowTimeType = nowType || this.$refs.pickTime.$refs.timePicker.nowTimeType
-        this.nowTimeType = nowType || this.$refs.pickTime.$refs.timePicker.nowTimeType
+        if (flag) {
+          this.nowTimeType = nowType || this.$refs.pickTime.$refs.timePicker.nowTimeType
+        }
         const type = nowTimeType.type
         const val = nowTimeType.value
         const oneDTimestamp = 24 * 60 * 60 * 1000