feat: npm event 支持刷新和改时间

src/views/charts2/charts/npm/NpmEventsByType.vue

@@ -58,10 +58,19 @@ export default {
       isNoData: false
     }
   },
+  watch: {
+    timeFilter: {
+      deep: true,
+      handler (n) {
+        this.eventsByTypeData()
+      }
+    }
+  },
   methods: {
     init () {
       const _this = this
       const dom = document.getElementById('chart')
+      if (!this.myChart) {
         this.myChart = echarts.init(dom)
         this.chartOption = pieChartOption3
         this.chartOption.series[0].data = this.chartData
@@ -88,8 +97,26 @@ export default {
           _this.myChart.setOption(_this.chartOption)
         })
         this.myChart.setOption(this.chartOption)
+      } else {
+        this.chartOption.series[0].data = this.chartData
+        this.chartOption.series[0].label = {
+          show: true,
+          position: 'center',
+          fontFamily: 'NotoSansHans-Medium',
+          fontSize: 20,
+          fontWeight: 500,
+          formatter: function () {
+            let num = 0
+            _this.chartData.forEach(t => {
+              num += t.count
+            })
+            return num
+          }
+        }
+        this.myChart.setOption(this.chartOption)
+      }
     },
-    eventsVyTypeData () {
+    eventsByTypeData () {
       const params = {
         startTime: getSecond(this.timeFilter.startTime),
         endTime: getSecond(this.timeFilter.endTime),
@@ -136,7 +163,7 @@ export default {
   },
   mounted () {
     this.timer = setTimeout(() => {
-      this.eventsVyTypeData()
+      this.eventsByTypeData()
     }, 100)
     window.addEventListener('resize', this.resize)
   },

src/views/charts2/charts/npm/NpmRecentEvents.vue

@@ -62,6 +62,14 @@ export default {
       isNoData: false
     }
   },
+  watch: {
+    timeFilter: {
+      deep: true,
+      handler (n) {
+        this.recentEventsListData()
+      }
+    }
+  },
   methods: {
     recentEventsListData () {
       const params = {