echarts 自帶的自適應方法 resize()
具體用法：
let xxEcharts = this.$echarts.init(document.getElementById('xxx'))
xxEcharts.setOption(xxxx) // 參數是 echarts 的option對象
window.onresize = xxEcharts.resize
但是，問題來了，同一個頁面使用多個echarts 的時候，window.onresize = xxEcharts.resize 只對最后一個echarts有效果
這時候換種寫法
window.onresize = function(){
xxBarChart.resize()
xxxBarChart.resize()
xxChart.resize()
xxxChart.resize()
}
好了，現在所有的 echarts都可以自適應了，
然而，還沒完，還是會出現各種問題，導致自適應出問題，現在我們想想，如何手動觸發 resize
首先，肯定要把 echarts變量全局化。
我現在 vue的data中設置 xxEcharts : this.$echarts.init(document.getElementById('xxx'))
然而報錯，沒辦法，
再試試在計算函數中聲明
computed:{
xxBarChart(){
return this.$echarts.init(document.getElementById('myChart_ln'))
}
}
再試試，竟然可以了，雖然不知道原理，但是現在我們可以手動調起 this.xxBarChart.resize()了
///////////////////////////////////////////////////////////////////// 我是華麗麗的分割線 ////////////////////////////////////////////////////////////////////////////////////////////////////
次日新加內容：
不知道昨天為啥可以了，今天在使用的時候，華麗麗的報錯了，錯誤很簡單，
在使用 window.onresize = function(){ this.xxcharts.resize() }
的時候，this指向了event對象或者window對象，而不是我們的 vue對象
此時，要改變當前方法的作用域，我第一想到的是call和bind，未試
我使用了另外一種方法，我在 data 中定義一個屬性，叫windowSize，在 methods 中定義了一個方法 windowSizeChange,在windowSizeChange中 ,設置 windowSize 的值，然后在 watch 中 監測 windowSize 並 執行 this.xxcharts.resize()的操作。經過測試，可以解決問題，
然而以上仍然無法解決，echarts在子組件中且在同一個頁面被調用多次的時候，無法自適應的問題
解決辦法大概是，使用 全局狀態監測，比如 使用 vuex，，在 app.vue中 使用 window.resize ，整個項目只使用一次，做監測，大致是這個思路。