頁面中只有一個 echarts 圖表時和有多個 echarts圖表時，設(shè)置自適應(yīng)的方法是不一樣的

一個 echarts 圖表自適應(yīng)

let myChart = this.$echarts.init(ref)

myCharts.setOption(option)

// 監(jiān)聽 window 窗口大小變化的事件
window.onresize = function() {
  // 調(diào)用 echarts 實例對象的 resize 方法
  myCharts.resize()
}
// 或者簡寫
// window.onresize = myCharts.resize

如果一個頁面上需要多個圖表自適應(yīng)，上面方法就只會讓一個圖表生效

多個圖表自適應(yīng)

多個圖表自適應(yīng)時，為每個圖表都添加以下部分的代碼即可

let myChart = this.$echarts.init(ref)

myCharts.setOption(option)
window.addEventListener('resize', function () {
   myChart.resize()
 })