From f22a1f30ebcb640c80e2a75ddfd49be66f6fe29a Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 25 Jan 2022 19:16:31 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9timebar=E7=9A=84t?=
 =?UTF-8?q?ooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts/charts/ChartIpOpenPortBar.vue |  7 ++++++-
 src/views/charts/charts/ChartTimeBar.vue       | 17 +++++++++++------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/views/charts/charts/ChartIpOpenPortBar.vue b/src/views/charts/charts/ChartIpOpenPortBar.vue
index 9333e53b..11a03478 100644
--- a/src/views/charts/charts/ChartIpOpenPortBar.vue
+++ b/src/views/charts/charts/ChartIpOpenPortBar.vue
@@ -40,6 +40,12 @@ import { getChartColor } from '@/components/charts/chart-options'
 import * as echarts from 'echarts'
 export default {
   name: 'ChartIpOpenPortBar',
+  setup () {
+    const myChart = null
+    return {
+      myChart
+    }
+  },
   props: {
     chartInfo: Object,
     chartData: [Array, Object],
@@ -48,7 +54,6 @@ export default {
   },
   data () {
     return {
-      myChart: null,
       chartOption: null,
       tableData: [],
       tableKey: [
diff --git a/src/views/charts/charts/ChartTimeBar.vue b/src/views/charts/charts/ChartTimeBar.vue
index b766be13..89e35b02 100644
--- a/src/views/charts/charts/ChartTimeBar.vue
+++ b/src/views/charts/charts/ChartTimeBar.vue
@@ -15,9 +15,14 @@ import { getCharBartColor, timeBarTooltipFormatter } from '@/views/charts/charts
 
 export default {
   name: 'ChaetTimeBar',
+  setup () {
+    const myChart = null
+    return {
+      myChart
+    }
+  },
   data () {
     return {
-      myChart: null,
       chartOption: null
     }
   },
@@ -33,11 +38,11 @@ export default {
       const dom = document.getElementById(id)
       !this.myChart && (this.myChart = echarts.init(dom))
       this.chartOption = this.$_.cloneDeep(timeBar)
-      this.chartOption.tooltip.trigger = 'item'
-      this.chartOption.tooltip.formatter = (params) => {
-        const str = timeBarTooltipFormatter(params, chartParams.direction)
-        return str
-      }
+      // this.chartOption.tooltip.trigger = 'item'
+      // this.chartOption.tooltip.formatter = (params) => {
+      //   const str = timeBarTooltipFormatter(params, chartParams.direction)
+      //   return str
+      // }
       if (!chartParams.itemColorAlternately) {
         this.chartOption.series[0].itemStyle.color = function (params) {
           return getCharBartColor(0)