問題描述:在使用Echart3的時候只要在切換tab的時候,從新初始化和setOption圖表就會顯示,可是Echart4的時候這樣操做圖表並不顯示,無心間resize窗口,這時圖表就顯示了。javascript
解決方法:切換窗口的時候除了執行從新初始化和setOption以外,再對圖表進行resize()操做。java
主要代碼以下:echarts
$(".tab button").click(function() { var index = $(this).index(); $(this).addClass("active").siblings().removeClass("active"); tabpanes.eq(index).addClass("active").siblings().removeClass("active"); if (index == 0) { var myChart1 = echarts.init(document.getElementById('lineChart'), theme); myChart1.setOption(option); myChart1.resize(); ObjectResize(myChart1.resize); } if (index == 1) { var myChart2 = echarts.init(document.getElementById('polar'), theme); myChart2.setOption(option1); myChart2.resize(); ObjectResize(myChart2.resize); } })