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

时间:2020-11-25 19:45:19

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

 

解决方法:

在js中添加代码:

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