环境:vue中使用Echarts图表需要做单图表自适应屏幕 多图表自适应屏幕

在main.js文件中直接引用echarts图表 我把resize方法直接挂载在vue的prototype上面:

vue echarts 单图表自适应 屏幕 多图表自适应屏幕

在所有的组件中都可以直接使用this.$echartsResize()是最直接简单方便了:

home.vue:

vue echarts 单图表自适应 屏幕 多图表自适应屏幕

多图表自适应屏幕,就写多少个this.$echartsResize()就好了,里面的参数如上图。图中的this.$refs.Treemap 使用了vue的绑定元素的$refs的写法,也可以使用原生写法document.getElementById("id")。

相关文章:

  • 2021-05-29
  • 2022-12-23
  • 2021-08-13
  • 2021-08-24
  • 2022-01-25
  • 2021-09-02
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2021-07-07
  • 2022-12-23
  • 2021-12-12
相关资源
相似解决方案