窗口大小改變市echarts圖表常常會溢出,這時候會很難看,於是查看文檔和百度下后,有如下解決方案:
var myChart = echarts.init(document.getElementById('main')); var option = { ... }; myChart.setOption(option); window.onresize=function(){ myChart.resize(); }
,當頁面有多個圖表展示時,這種寫法就沒法滿足需要了,於是可以這樣
var chartsArr=[]; myChart1.setOption(option); chartsArr.push(myChart1); myChart2.setOption(option); chartsArr.push(myChart2); myChart3.setOption(option); chartsArr.push(myChart2); window.onresize=function(){ for(var i=0;i<chartsArr.length;i++){ chartsArr[i].resize(); } }
ok!