解决Bootstrap 标签页（Tab）插件切换echarts不显示问题

原文：https://blog.csdn.net/qq_24313955/article/details/78363981?locationNum=1&fps=1

问题：

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

        2.   echarts自适应怎么实现？

解决办法：

                                                                                                                                    

[javascript]  view plain  copy

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