fix: 修复 echarts 部分问题，完善部分功能

src/assets/css/components/views/charts/NetworkOverviewDdosDetection.scss

@@ -1,8 +1,9 @@
 .ddos-detection {
   display: flex;
   height: 100%;
-  width: 85%;
-  margin: auto;
+  padding: 0 20px;
+  border: 1px solid #E2E5EC;
+  border-radius: 4px;
   flex-direction: column;
   justify-content: space-evenly;
   .ddos-detection-type {

src/assets/css/components/views/charts/NetworkOverviewLine.scss

@@ -2,6 +2,25 @@
   height: 100%;
   width: 100%;
   position: relative;
+  border: 1px solid #E2E5EC;
+  border-radius: 4px;
+  .chart-drawing {
+    div:nth-of-type(2) {
+      .cn-chart-tooltip {
+        display: flex;
+        justify-content: space-between;
+        .cn-chart-tooltip-box {
+          .cn-chart-tooltip__color.cn-chart-tooltip-value {
+            font-family: NotoSansHans-Medium;
+            font-size: 12px;
+            color: #353636;
+            line-height: 12px;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
   #chart {
     width: 1288px;
     height: 340px;

src/assets/css/components/views/charts/NetworkOverviewPerformanceEvent.scss

@@ -1,9 +1,11 @@
 .performance-event {
-  width: 100%;
+  height: 100%;
+  border: 1px solid #E2E5EC;
+  border-radius: 4px;
   .performance-event-pie {
     width: 100%;
     div {
-      height: 175px;
+      height: 165px;
       width: 324px;
     }
     .performance-event-pie-hr {