在网页设计时,做tab切换功能,只显示第一个tab项对应的div中的echarts图表,而其余div中的echarts图表无法显示是怎么回事,还请做过的大神指点一二
没生成上吧,点击切换的时候触发一下生成echarts图表的事件。
两个可能
- 点击tab切换的时候没有生成 => 控制台看错误 不行就断点
- echarts在IE8上显示隐藏是有问题的希望能帮助你 由于你给的问题描述太简单只能说这么多 可追问
这个是由于tab页加载初始化的时候后面的tab没有初始化的问题。我用layui也遇到这个问题,网上看的答案都不是很好,要么是每次切换tab都加载一次,要么一次全都加载出来,根本不符合正常需求。
下面我说一下我的解决方法和思路,不是很高明,但解决了问题。
监听tab切换,当第二个tab加载的时候计数器加1,重新加载tab页。以后再切换就不要重新加载了。这样以后就不会再重新加载了。我的是两个tab页,多个tab也是这个思路根据具体情况写判断逻辑。
var count = 0;
element.on("tab(echarts)",function(data){
if(count!=0){
return;
}
var index = data.index;
if(index==1){
$(".layui-tab-content div").eq(1).find("iframe").attr("src",path);
count++;
}
});