-
Notifications
You must be signed in to change notification settings - Fork 19.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Echarts 图表放到bootstrap的tab-panel除过第一个其他的不加载 #2010
Comments
估计是宽度为0不能初始化吧,再切换标签之后再init
|
切换标签的时候显式调用一次chart.resize()试试看。后台的bs-tabpane的大小是0,所以chart尺寸是0x0。 同时我也不太明白,为什么echart生成的chart不自己监听windows.resize。而是需要调用者自己处理。 |
你得等tab显示了之后再去生成chart |
然而我還是不知道怎麼解決~~ |
捕捉tab-panel加载事件,在加载完成后,在完成echarts的初始化 done.... |
angular里面类似这样 |
@stanleyxu2005 EChart提供了chart.resize()是对的。因为不是所有的场景,图表都要reszie进行缩放。而且缩放的逻辑是要用户自定义的。你直接监听resize的话,只要浏览器稍微变化了一下,EChart都会重绘,其实这个成本是很高的。 |
@liminjun lz的场景感觉要。因为bootstrap是网格布局,不设置具体宽度,如果她的图的宽是100%。而隐藏后台未初始化的bootstrap的tab,初始尺寸是0x0,所以需要做一次resize。当然,如果一个chart是固定长宽的,那就不需要了,这个我同意。 |
chart是固定长宽的.然而我只是加载不出第二个而已... |
都告诉你解决方法了。。。 |
###HTML 如下
###JS 如下
|
CODE 在上面 我是在点击的时候 加载的chart! |
画图的容器定义的宽高就是可以的,与是否显示没有关系 |
增加css: 另外,点击之后再init图表不可行。 |
在myChart设置固定宽高可以解决。 |
Echarts 图表放到bootstrap的tab-panel除过第一个其他的不加载!
直接在在点击第二个tab时去重新加载也不显示.
请问大家时怎么解决的?
The text was updated successfully, but these errors were encountered: