feat: traffic summary

src/components/charts/chart-options.js

@@ -242,12 +242,9 @@ const pieWithTable = {
   series: [
     {
       type: 'pie',
-      top: '10%',
-      left: '10%',
-      width: 'auto',
-      radius: ['50%', '80%'],
-      center: ['25%', '50%'],
-      data: pieData,
+      radius: ['42%', '70%'],
+      center: ['30%', '50%'],
+      data: [],
       emphasis: {
         itemStyle: {
           shadowBlur: 10,

src/components/charts/panel.scss

@@ -14,6 +14,7 @@
     position: absolute;
     right: 20px;
     top: 20px;
+    display: flex;
   }
 
   .cn-chart {
@@ -139,6 +140,16 @@
       }
     }
   }
+  .cn-chart__title {
+    display: flex;
+    align-items: center;
+    font-size: 20px;
+    padding-left: 10px;
+    color: #333;
+    background-color: transparent;
+    box-shadow: none;
+    border: none;
+  }
   .cn-chart__table {
     .cn-chart__header {
       border-bottom: 1px solid $--content-right-background-color;