关于前端:实现echarts图表自适应

需要是实现echarts图表的自适应,实现起来逻辑并不简单

    //在methods下增加办法
     screenAdapter_myChart() {
      const adapterOption = {}
      this.myChart.setOption(
        adapterOption
      )
      this.myChart.resize()
    },
    
    //在mounted下增加监听,屏幕分辨率变动时触发事件
    this.screenAdapter_myChart()
    window.addEventListener(
      'resize',
      this.screenAdapter_myChart
    )
    
    //在destroyed下销毁监听器
    window.removeEventListener(
      'resize',
      this.screenAdapter_myChart
    )
    

实现

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理