<script>
var pieCharts = echarts.init(document.getElementById("piechart"));
var pieCharts2 = echarts.init(document.getElementById("piechart2"));
var pieCharts3 = echarts.init(document.getElementById("piechart3"));
//选项卡Echart
var charts = new Array();
charts.push(pieCharts);
charts.push(pieCharts2);
charts.push(pieCharts3);
$(function(){
$(window).resize(function() {
for(var i = 0; i < charts.length; i++) {
charts[i].resize();
}
});
//data-toggle="tab"还是data-toggle="pill"看选项卡属性,shown.bs.tab光标选中
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
for(var i = 0; i < charts.length; i++) {
charts[i].resize();
}
});
})
</script>
解决选项卡中放Echart只有默认tab显示图表
最新推荐文章于 2023-10-06 23:01:16 发布