detection模块，metric折线图对于元素id改为动态，否则编译后会出问题：只会渲染第一次画的图

src/views/detections/overview/DetectionPerformanceEventAppOverview.vue

@@ -67,7 +67,7 @@
         <div class="metric__column">
           <div class="overview__title">{{$t('detections.value')}}</div>
           <div class="overview__row">
-            <div class="row__charts" id="detectionMetricChartApp" ></div>
+            <div class="row__charts" :id="`detectionMetricChartApp${detection.appName}`" ></div>
           </div>
         </div>
         <div class="metric__column">
@@ -142,12 +142,12 @@ export default {
         if(this.metricList.length>0){
           this.initChart()
         }else {
-          let chartDom = document.getElementById('detectionMetricChartApp')
+          let chartDom = document.getElementById(`detectionMetricChartApp${this.detection.appName}`)
           chartDom.innerHTML = '<span style="padding-left:5px;">-</span>'
         }
       }).catch(error => {
         console.log(error)
-        let chartDom = document.getElementById('detectionMetricChartApp')
+        let chartDom = document.getElementById(`detectionMetricChartApp${this.detection.appName}`)
         chartDom.innerHTML = '<span style="padding-left:5px;">-</span>'
       }).finally(() => {
         setTimeout(() => {
@@ -161,7 +161,7 @@ export default {
     },
 
     initChart(){
-      this.metricChart = markRaw(echarts.init(document.getElementById('detectionMetricChartApp')))
+      this.metricChart = markRaw(echarts.init(document.getElementById(`detectionMetricChartApp${this.detection.appName}`)))
       this.chartOptionMetric = _.cloneDeep(this.chartOption)
 
       this.metricList.sort(reverseSortBy(0))//将返回的数据按时间降序排序，方便找到实线和虚线的交点