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

22次阅读

共计 348 个字符,预计需要花费 1 分钟才能阅读完成。

需要是实现 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
    )
    

实现

正文完
 0