echarts自適應屏幕大小變化 方法：jq延遲執行 setTimeout()

延遲執行有時候能夠解決不少問題，機器反應是須要時間的，有時候不少代碼都解決不來的一個問題，延遲執行就能夠完美的解決。如下是開發中遇到的例子。

1，canvas畫布 echarts插件。我但願我繪製的畫布隨着屏幕的大小變化而變化，就是自適應。

　　在解決以前查了網上不少人都說 將以下語句放在setOption下面便可。而事實上，這樣是不夠的。由於window的resize方法執行時，

這時候它尚未去獲取到屏幕的大小變化，echart的resize方法卻已經執行完成了。就會出現另外一種情況。就是第一次屏幕變化圖表沒有變化，

接下來的每次變化圖表都是反着變化的，屏幕變大圖表變小，屏幕變小圖表變大。

window.onresize = myChart.resize;

附上代碼：

myChart.setOption({
           ......//自行配置內容
        });
window.onresize = function(){
    setTimeout("myChart.resize()",100);
}

百度中的那個方法是對的，就看本身怎麼用了。因此學習中要學會融匯貫通，可能一個很簡單的方法就能夠解決問題。一開始還想着要怎麼在屏幕大小變化時獲取寬度，再實時的去改變圖表的大小。這樣是很麻煩的。而延遲執行則很是簡單的處理了這個問題，而且並不影響美感和觀感。仍是要多學學基礎知識。多學一點知識少些幾行代碼。思惟要跳出定式。平時工做中多思考總結。自勉。原文地址：http://www.cnblogs.com/lal-fighting/p/6369421.html