echarts插件——关于echarts在默认隐藏的div中不显示的问题
来源:互联网 发布:python与go开发web应用 编辑:程序博客网 时间:2024/05/17 22:24
相信很多实用echarts插件的朋友都会遇到这样的问题,echarts图表在其他的div中可以正常显示,但在一个初始时默认隐藏的div中却显示为空白。
这是因为ECharts 没有获取到div的高宽而导致初始化失败,这时候可以:1.明确指定div的style.width和style.height 2:在div显示后手动调用 echartsInstance.resize 调整尺寸。
对于第一种方式,宽高设置为百分比是不起作用的,应设置为像素值才可以,在“行内样式、css样式表中、js中”设置宽高都是可以的。如:
<button type="button" class="btn btn-success" id="btn">点击显示图表</button><div style="display:none;width:500px;height:300px;" id="echarts_box"></div><script>(function(){ $("#btn").click(function({ $("#echarts_box").css("display","block"); }); var option = {...} var myChart= echarts.init(document.getElementById('echarts_box')); myChart.setOption(option);})();</script>
上面的div元素如果不加宽高属性,则点击按钮后echarts是显示不出来的。(没有高度)
现在就可以正常显示了。
阅读全文
2 0
- echarts插件——关于echarts在默认隐藏的div中不显示的问题
- 解决Echarts图表在div动态切换时不显示的问题
- echarts 地图插件不能用的原因
- eCharts不显示图例问题
- Echarts 关于axisLabel中x抽值太长不自动换行的问题
- echarts设置默认不显示某些legend
- Echarts中tooltip超出外层div显示不全问题
- 记录在使用react-native-echarts中遇到的问题
- 关于Echarts的操作
- 关于echarts的饼状体
- echarts显示与隐藏
- 关于使用ECharts时注意的问题
- 关于echarts加载地图时好时坏的问题
- 关于echarts is not defined的问题
- 关于echarts省份地图不显示
- 使用Echarts过程中遇到的问题
- echarts中tooltip的抖动问题
- echarts图表插件的使用
- Android--通过网页打开APP并传值详解
- 对企业账户来说,调试证书和发布证书的区别
- Cassandra CQL的限制
- php做微信支付和支付宝支付的方法
- Phaser工具的基础入门了解
- echarts插件——关于echarts在默认隐藏的div中不显示的问题
- URI和URL的区别
- iOS RSA加密基础操作及使用。
- Android Studio在创建项目是一直处于building “project name”gradle project info的解决办法
- os.path模块
- 计算机网络漫谈之数据链路层
- iosAnimationDemo
- Scala学习(3)|—程序控制结构
- 分离静态库架构