echarts+vue,根据窗口变化重新渲染

最新推荐文章于 2024-08-13 17:46:20 发布

荒古玄枫

最新推荐文章于 2024-08-13 17:46:20 发布

阅读量719

点赞数

CC 4.0 BY-SA版权

文章标签： vue echarts

本文链接：https://blog.youkuaiyun.com/weixin_48082725/article/details/117447495

本文介绍了如何在Vue项目中使用ECharts库，使图表能够根据浏览器窗口尺寸变化自动重绘，确保在不同屏幕尺寸下保持良好的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mounted() {
    this.initView()
    let that = this
    window.addEventListener("resize", () => { 
    that.materialCharts.resize();
    });
 },
  //在initView中
  initView() {
  	....
  	this.materialCharts = this.$echarts.init(document.getElementById('equipClassify'))
      this.materialCharts.setOption(options)
      this.materialCharts.resize()
	}