echarts 多图表的自适应窗口大小,自动缩放
生活随笔
收集整理的這篇文章主要介紹了
echarts 多图表的自适应窗口大小,自动缩放
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
不太懂 ECHARTS 的 js,完全是改改族,因為一個頁面裝兩個圖表的事折騰了一天,索性搞定了,在此記錄一下:
頁面效果如下:
兩個圖表都是echarts官網的原版示例,經過不斷的嘗試驗證,發現js里的內容和options對自適應是完全沒有影響的不用管。
只需要在所有js的最后加一個函數即可
window.onresize = function(){myChart_1.resize(); //myChart_1 是第一個圖表myChart_2.resize(); //myChart_2 是第一個圖表}這里每個圖表后面都有? ?
myChart_1.setOption(option);?
myChart_2.setOption(option);?
一定要保留,最后是這個樣子
這是我實現了,最簡單,且生效的方法,驗證版本為? v5.2.2?
指引我成功的鏈接,再次感謝
總結
以上是生活随笔為你收集整理的echarts 多图表的自适应窗口大小,自动缩放的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UEFI和Legacy及UEFI+Leg
- 下一篇: 穷人靠学,富人靠抄!