style: 网络概况 部分图表 文字样式调整

src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss

@@ -4,6 +4,9 @@
   border-radius: 4px;
   background: rgba(113,113,113,0.06);
   .ddos-detection-title {
+    font-size: 14px;
+    color: #353636;
+    font-weight: 600;
     margin-top: 15px;
     i {
       font-size: 16px;
@@ -36,7 +39,7 @@
           font-size: 18px;
           color: #E26154;
           line-height: 12px;
-          font-weight: 500;
+          font-weight: 700;
         }
       }
     }

src/assets/css/components/views/charts2/networkOverviewLine.scss

@@ -7,18 +7,16 @@
   .chart-drawing {
     height: 100%;
     width: 100%;
-    div:nth-of-type(2) {
+    .echarts-tooltip.echarts-tooltip-dark {
       .cn-chart-tooltip {
         display: flex;
         justify-content: space-between;
-        .cn-chart-tooltip-box {
+        .cn-chart-tooltip-value.cn-chart-tooltip__color {
-          .cn-chart-tooltip__color.cn-chart-tooltip-value {
+          font-family: NotoSansHans-Medium;
-            font-family: NotoSansHans-Medium;
+          font-size: 12px;
-            font-size: 12px;
+          color: #353636;
-            color: #353636;
+          line-height: 12px;
-            line-height: 12px;
+          font-weight: 600;
-            font-weight: 500;
-          }
         }
       }
     }
@@ -116,7 +114,7 @@
         display: flex;
         .mpackets-name {
           flex: 1;
-          padding-left: 17px;
+          padding-left: 19px;
         }
         .total,.inbound,.outbound,.internal,.other {
           width: 14px;

src/assets/css/components/views/charts2/networkOverviewPerformanceEvent.scss

@@ -5,6 +5,9 @@
   background: rgba(113,113,113,0.06);
   .performance-event-title {
     margin-top: 15px;
+    font-size: 14px;
+    color: #353636;
+    font-weight: 600;
     i {
       font-size: 16px;
       width: 16px;

src/views/charts2/charts/NetworkOverviewLine.vue

@@ -7,7 +7,7 @@
           <div :class="item.class"></div>
           <div class="mpackets-name">{{$t(item.name)}}</div>
         </div>
-        <div><span>{{unitConvert(item.number, unitTypes.number)[0]}}</span>{{unitConvert(item.number, unitTypes.number)[1]}}<span>packets/s</span></div>
+        <div><span>{{unitConvert(item.number, unitTypes.number)[0]}}</span><span>{{unitConvert(item.number, unitTypes.number)[1]}}packets/s</span></div>
       </div>
     </div>
     <div class="line-select">

src/views/charts2/charts/options/echartOption.js

@@ -16,7 +16,8 @@ export const pieChartOption1 = {
       rich: {
         a: {
           width: 35,
-          align: 'left'
+          align: 'left',
+          fontWeight: 'bold'
         },
         b: {
           width: 6,
@@ -68,7 +69,8 @@ export const pieChartOption2 = {
       rich: {
         a: {
           width: 35,
-          align: 'left'
+          align: 'left',
+          fontWeight: 'bold'
         },
         b: {
           width: 6,
@@ -112,7 +114,8 @@ const sizes = [3, 6, 8, 9, 10]
 export const stackedLineChartOption = {
   color: chartColor3,
   tooltip: {
-    trigger: 'axis'
+    trigger: 'axis',
+    className: 'echarts-tooltip echarts-tooltip-dark'
   },
   legend: {
     show: false