剛入手echarts，整理echarts發現它不能隨着瀏覽器的改變而改變，若想適應，只能刷新。
網友們提出的方案中：window.onresize = myChart.resize; 實踐發現，只能適用於最後一個echarts圖表，若有多個則無法實現。
若是想實現多個echarts圖表自適應瀏覽器，不妨試試以下辦法，舉個栗子：
<body>
<div id="first" style="width: 80%;height: 400px;"></div>
<div id="second" style="width: 50%;height: 400px;"></div>
<script>
function resize() {
var myEcharts = echarts.init(document.getElementById("first"));
var option={ …… };
myEcharts.setOption(option);
var otherEcharts = echarts.init(document.getElementById("second"));
var optionnn={ …… };
otherEcharts.setOption(optionnn);
window.addEventListener("resize",function() {
myEcharts.resize();
otherEcharts.resize();
});
}
resize();
</script>
</body>即添加一段代碼：
window.addEventListener("resize",function() {
myEcharts.resize();
otherEcharts.resize();
});希望大家多多批評哈~