echarts之bootstrap选项卡不能显示其他标签echarts图表

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

 

解决方法:

在js中添加代码:

var myChart = echarts.init(document.getElementById('graph'));
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    myChart.resize(); 
});

 

  

 

posted @ 2017-09-23 16:50  记忆斑驳的回忆  阅读(613)  评论(0编辑  收藏  举报