perf:panel页面后台报错问题修复 & chart组件调整

nezha-fronted/src/components/page/dashboard/overview/overview.vue

@@ -8,6 +8,7 @@
           <div class="sidebar-info-item sidebar-info-item-active" >{{$t('dashboard.overview.title')}}</div>
           <div class="sidebar-info-item sidebar-info-top " @click="jumpTo('panel')">{{$t('dashboard.panel.title')}}</div>
           <div class="sidebar-info-item" @click="jumpTo('metricPreview')">{{$t('dashboard.metricPreview.title')}}</div>
+          <div class="sidebar-info-item" @click="jumpTo('explore')">{{$t('dashboard.metricPreview.title')}}</div>
         </div>
       </div>
       <!--右侧内容-->
@@ -48,7 +49,7 @@
                       <table-box :pop-data="dataCenterStatData" ref="dataCenterTab" ></table-box>
                     </div>
                     <div style="flex: 3;">
-                      <chart-box chart-title="" chart-type="map" :map="map" ref="dataCenterMap"></chart-box>
+                      <chart-box chart-title="" chart-type="map" :tooltip-formatter="mapTooltipFormatter" :map="map" ref="dataCenterMap"></chart-box>
                     </div>
                   </div>
                 </div>
@@ -940,71 +941,6 @@
 
         return tooltip;
       },
-      tooltipPosition:function(point,params,dom,rect,size){
-        dom.style.transform = "translateZ(0)";
-        //提示框位置
-        var x=0;
-        var y=0;
-        //当前鼠标位置
-        var pointX = point[0];
-        var pointY = point[1];
-        //外层div大小
-        var viewWidth = size.viewSize[0];
-        var viewHeight = size.viewSize[1];
-        //提示框大小
-        var boxWidth = size.contentSize[0];
-        var boxHeight = size.contentSize[1];
-        let chartDom = document.getElementById(this.chartId);
-        if(chartDom){
-          let parTop = chartDom.offsetTop;
-          let parLeft = chartDom.offsetLeft;
-
-          let parent = chartDom.parentElement;
-          let parClientHeight = parent.clientHeight;//可视高度
-          let parClientWidth = parent.clientWidth;//可视宽度
-          let parScrollTop = parent.scrollTop;
-          if((parClientWidth-pointX-parLeft-20)>=boxWidth){//说明鼠标在左边放不下提示框
-            x=pointX+10;
-          }else{
-            x = pointX - boxWidth;
-          }
-          if((parClientHeight-pointY-(parTop-parScrollTop)-20)>=boxHeight){//说明鼠标上面放不下提示框
-            y = pointY+10;
-          }else {
-            y = pointY-boxHeight;
-          }
-          return [x,y];
-        }else {
-          x = pointX - boxWidth;
-          y = pointY+10;
-          return [x,y];
-        }
-      },
-      tooltipFormatter:function(params){
-        let str = `<div>`;
-        params.forEach((item, i) => {
-          if(i===0){
-            let value=bus.computeTimezone(item.data[0])
-            let t_date = new Date(value);
-            str += [t_date.getFullYear(), t_date.getMonth() + 1, t_date.getDate()].join('-') + " "
-              + [t_date.getHours(), t_date.getMinutes(),t_date.getSeconds()].join(':');
-            str +=`<br/>`;
-          }
-          let val = Number(item.data[1]);
-          str += `<div style="white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display: flex; justify-content: space-between; min-width: 150px; max-width: 600px; line-height: 18px; font-size: 12px;">`;
-          str += `<div style="max-width: 500px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;"><span style='display:inline-block;margin-right:5px;border-radius:10px;width:15px;height:5px;background-color: ${item.color};}'></span>${item.seriesName}:  </div>`;
-          str += `<div style="padding-left: 10px;">`;
-          str += chartDataFormat.getUnit(5).compute(val,null,2);
-          str += `</div>`;
-          str += `</div>`;
-        });
-        str +=`</div>`;
-        return str;
-      },
-      yAxisFormatter:function(value,index){
-        let unit=chartDataFormat.getUnit(5);
-        return unit.compute(value,index);
-      },
       getAssetTabTitle:function(){
         switch (this.typeFilter) {
           case "typeStat":