Vue中ECharts 响应式改变
发布日期:2021-09-12 09:57:50 浏览次数:47 分类:技术文章

本文共 393 字,大约阅读时间需要 1 分钟。

  在使用echarts时,因为绘制完成的canvas大小不能随着浏览器窗口大小在动态改变,目前我的解决方案是在挂载的时候监听窗口大小改变

mounted() {    window.onresize = () => {             } }

然后在初始化echarts时将echartsInstance保存

// ...省略配置 const iaChart = this.iaChart = echarts.init(this.$refs.IdentifyAreas); iaChart.setOption(option);

echarts对实例化对象提供了resize方法

 在之前的挂载监听的onsize方法中调用即可。

window.onresize = () => {   this.iaChart.resize();}

不过也存在一个问题,就是旭日图文字和图形有点不同步

 

转载地址:https://blog.csdn.net/weixin_38361925/article/details/89364605 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Uncaught (in promise) DOMException
下一篇:VS Code汉化与代码格式化

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月03日 20时39分53秒