日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

Echarts多個圖表自適應窗口大小

作者:前端開心果 更新時間: 2023-07-31 編程語言

頁面中只有一個 echarts 圖表時和有多個 echarts圖表時,設置自適應的方法是不一樣的

一個 echarts 圖表自適應

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

myCharts.setOption(option)

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

如果一個頁面上需要多個圖表自適應,上面方法就只會讓一個圖表生效

多個圖表自適應

多個圖表自適應時,為每個圖表都添加以下部分的代碼即可

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

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

原文鏈接:https://blog.csdn.net/qq_38157825/article/details/115006760

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新