feat: 网络概况 折线图接口调试

src/utils/api.js

@@ -133,6 +133,14 @@ export const api = {
     DnsServiceInsights: {
       alarmInfoCount: '/interface/dns/alarmInfoCount'
     }
+  },
+  // networkOverview
+  netWorkOverview: {
+    totalTrafficAnalysis: 'interface/overview/totalTrafficAnalysis',
+    eventSeverity: '/interface/overview/eventSeverity',
+    eventType: '/interface/overview/eventType',
+    ddosEventAnalysis: '/interface/overview/ddosEventAnalysis',
+
   }
 }
 

src/views/charts2/Chart.vue

@@ -10,49 +10,61 @@
     <network-overview-ddos-detection
         v-else-if="chart.type === typeMapping.networkOverview.ddosDetection"
         :chart="chart"
+        :time-filter="timeFilter"
     ></network-overview-ddos-detection>
     <network-overview-performance-event
         v-else-if="chart.type === typeMapping.networkOverview.performanceEvent"
         :chart="chart"
+        :time-filter="timeFilter"
     ></network-overview-performance-event>
     <network-overview-tabs
          v-else-if="chart.type === typeMapping.networkOverview.table"
+         :time-filter="timeFilter"
     ></network-overview-tabs>
     <network-overview-apps
         v-else-if="chart.type === typeMapping.networkOverview.appList"
         :chart="chart"
+        :time-filter="timeFilter"
     >
     </network-overview-apps>
     <npm-tabs
         v-else-if="chart.type === typeMapping.npm.npmTabs"
+        :time-filter="timeFilter"
         @tabChange="npmTabChange"
     ></npm-tabs>
     <npm-network-quantity
         v-else-if="chart.type === typeMapping.npm.npmNetworkQuantity"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-network-quantity>
     <npm-app-category-score
         v-else-if="chart.type === typeMapping.npm.npmAppCategoryScore"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-app-category-score>
     <npm-map
         v-else-if="chart.type === typeMapping.npm.npmMap"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-map>
     <npm-line
         v-else-if="chart.type === typeMapping.npm.npmLine"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-line>
     <npm-events-header
         v-else-if="chart.type === typeMapping.npm.npmEventsHeader"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-events-header>
     <npm-events-by-type
         v-else-if="chart.type === typeMapping.npm.npmEventsByType"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-events-by-type>
     <npm-recent-events
         v-else-if="chart.type === typeMapping.npm.npmRecentEvents"
+        :time-filter="timeFilter"
         :chart="chart"
     ></npm-recent-events>
   </div>

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

@@ -22,12 +22,11 @@ export const pieChartOption1 = {
       fontFamily: 'SimHei',
       rich: {
         a: {
-          width: 35,
+          width: 65,
           align: 'left',
           fontWeight: 'bold'
         },
         b: {
-          width: 6,
           align: 'left',
           fontSize: 12,
           color: '#575757'
@@ -39,10 +38,10 @@ export const pieChartOption1 = {
       let value
       data.forEach(t => {
         if (t.name === name) {
-          value = t.describe
+          value = t.value
         }
       })
-      const arr = ['{a|' + ' ' + name + '}' + '{b|' + value + '}']
+      const arr = ['{a|' + ' ' + value + '}' + '{b|' + name + '}']
       return arr
     }
   },
@@ -75,12 +74,11 @@ export const pieChartOption2 = {
       fontFamily: 'SimHei',
       rich: {
         a: {
-          width: 35,
+          width: 65,
           align: 'left',
           fontWeight: 'bold'
         },
         b: {
-          width: 6,
           align: 'left',
           fontSize: 12,
           color: '#575757'
@@ -92,10 +90,10 @@ export const pieChartOption2 = {
       let value
       data.forEach(t => {
         if (t.name === name) {
-          value = t.describe
+          value = t.value
         }
       })
-      const arr = ['{a|' + ' ' + name + '}' + '{b|' + value + '}']
+      const arr = ['{a|' + ' ' + value + '}' + '{b|' + name + '}']
       return arr
     }
   },
@@ -155,9 +153,9 @@ export const stackedLineChartOption = {
     show: false
   },
   grid: {
-    top: '30%',
+    top: '12%',
-    left: '1%',
+    left: '2%',
-    right: '2%',
+    right: '1.5%',
     bottom: 15,
     containLabel: true
   },