首页图表宽度自适应

2022-09-16 10:55:58 +08:00 · 2022-09-16 10:55:58 +08:00 · 00281dbfa5
parent 7b3507d962
commit 00281dbfa5
1 changed files with 5 additions and 0 deletions
--- a/web/src/components/LineChart.vue
+++ b/web/src/components/LineChart.vue
@ -29,8 +29,10 @@
    },
    mounted() {
      this.initChart()
+      window.addEventListener('resize', this.listenerResize);
    },
    beforeDestroy() {
+      window.removeEventListener('resize', this.listenerResize)
    },
    watch: {
        chartData:{
@ -41,6 +43,9 @@
        }
    },
    methods: {
+      listenerResize() {
+        this.chart.resize();
+      },
      initChart() {
        this.chart = echarts.init(this.$el)