1.窗口大小变化,Echarts图自适应
window.onresize = function () {
myChart.resize();
}
2.Echarts图父容器大小变化,Echarts图自适应
npm i element-resize-detector
import elementResizeDetectorMaker from 'element-resize-detector'
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
var drag = elementResizeDetectorMaker()
drag.listenTo(chartDom, () => {
myChart.resize()
})
3.注意事项
- 如果该元素有,
position: static
它将更改为position: relative
。因此,将应用任何无意的top/right/bottom/left/z-index
样式,并且绝对定位的子项将相对于元素定位。 - 隐藏元素将作为该元素的直接子元素注入。
还有其他用法感兴趣的可以去看一下这个组件