窗口大小改變市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!
