Echarts 生成的canvas宽100px 高100px问题

本文探讨了在使用Echarts生成图表时遇到的自适应宽度问题。作者在点击按钮弹出窗口并生成柱状图时,发现图表尺寸固定为100px,通过在弹窗打开后初始化Echarts实例解决了问题,但每次点击都会生成新的实例,导致自适应失效。作者采取了在关闭弹窗时销毁实例并在打开时重新创建的方法。

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

经过

要求的效果是点击按钮,出现弹出框,里面生成一个柱状图,但是每次生成完毕之后出现的图都width:100px height:100px ,后来看网上解释的原因是因为生成canvas的时候Echart实例没有获取到元素的宽高,所以就生成了100px.

解决

在那个窗弹出后在初始化Echart实例

问题

每当我点击一次就会生成一个Echart实例,他的自适应宽度不好使了,所以每次关闭弹窗的时候就销毁实例 ( myChart.dispose() ),等进入的时候在创建。

总结

我也不知道这么做对不对 ,或者有什么别的API,或者方法我不知道,这么做也不知道耗不耗费性能,如果那个过路的大神看见了,麻烦告知一下,感谢!!!

小白 记录每天生活

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值