echarts 选项卡自适应

227 阅读1分钟
问题场景:在echarts整合成选项卡的时候,默认第一个选中选项卡可以正常加载echarts图表,但是切换其他选项的时候不能渲染出其他选项卡echarts图表

给第二个选项卡的div写一个固定宽度,就可以正常显示出来,但是就失去页面自适应的效果了。 之后在网上查找想要的结果得到想要的效果: 选项卡的第二个标签的echarts 图标可以正常自适应的显示出来: 上代码:

html:
<div id="gauge2" style="height: 335px; background: #fff;"></div>
<div id="gauge" style="height: 335px; background: #fff;"></div>


js:
jQuery(".slideTxtBox").slide({//我这里使用的选项卡是superslide库
        endFun: function(i, c, s){//endFUn函数代表每次切换效果结束时执行函数
                $('#gauge').resize()
                $('#gauge2').resize()
        }
});

咋掘金没有上传文件的功能??需要完整代码的评论