echarts在模态框中使用遇到的问题

最新推荐文章于 2022-09-19 15:42:56 发布

纯洁的小新

最新推荐文章于 2022-09-19 15:42:56 发布

阅读量681

点赞数

文章标签： js java

本文链接：https://blog.csdn.net/qq_44872773/article/details/112373744

版权

本文介绍了在使用Echarts时遇到的一个常见问题：当Echarts图表置于模态框内，若在初始化前未先打开模态框，Echarts可能会将百分比宽度误识别为像素值。解决办法是在数据查询返回后先打开模态框，再进行Echarts初始化，以确保百分比设置生效。该问题对于前端开发者在处理响应式图表时具有参考价值。

摘要由CSDN通过智能技术生成

问题：echarts设置百分比失效

//页面
<div id="echart" style="width: 100%;height:300px;" />
//js
$("#zModal").modal();
var echart = echarts.init(document.getElementById('echart'), 'macarons');


在模态框中使用echarts，需要注意加载顺序
1、数据查询返回后，需要先打开模态框，然后再初始化echarts，否则echarts会把100%识别出100px；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

纯洁的小新

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
echarts在模态框中使用遇到的问题

问题：echarts设置百分比失效//页面<div id="echart" style="width: 100%;height:300px;" />//js$("#zModal").modal();var echart = echarts.init(document.getElementById('echart'), 'macarons');在模态框中使用echarts，需要注意加载顺序1、数据查询返回后，需要先打开模态框，然后再初始化echarts，否则echarts会把10
复制链接

扫一扫