解決Echarts在Tab切換時不顯示的問題



例:
Chart1 是在tab1 中,
Chart2 是在tab2 中,


var charts = []; var Chart1 = echarts.init(document.getElementById('main')); var Chart2 = echarts.init(document.getElementById('main2')); Chart1.setOption(customerOrderNumOption); Chart2.setOption(everyDayOrderSortOption); charts.push(Chart1); charts.push(Chart2); $(function () { for (var i = 0; i < charts.length; i++) { charts[i].resize(); } //data-toggle="pill還是data-toggle="tab" 根據前面所用標簽頁的不同來選擇。我使用的是data-toggle="tab"。 //解決tab切換不顯示問題 在加載窗口后重新渲染。 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { for (var i = 0; i < charts.length; i++) { charts[i].resize(); } }); })
 



 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM