您现在的位置:首页 >> 前端 >> 内容

Bootstrap标签页(Tab)插件切换echarts不显示问题的解决办法

时间:2018/6/26 14:26:31 点击:

  核心提示:问题:1. 在echarts跟引导选项卡整合的时候,默认第一个选中选项卡可以正常加载echarts图表,但是切换其他选项的时候不能渲染出其他选项卡echarts图表。2. echarts自适应怎么实现...

问题:

1. 在echarts跟引导选项卡整合的时候,默认第一个选中选项卡可以正常加载echarts图表,但是切换其他选项的时候不能渲染出其他选项卡echarts图表。

2. echarts自适应怎么实现?

解决办法:

//解决tab切换不显示问题 在加载窗口后重新渲染。  
    $('a[data-toggle="pill"]').on('shown.bs.tab', function(e) {  
        for(var i = 0; i < charts.length; i++) {  
            charts[i].resize();  
        }  
    });   //data-toggle="pill还是data-toggle="tab" 根据前面所用标签页的不同来选择  

Tags:BO OO OT TS 
作者:网络 来源:k912120的博客