echarts 图表随父容器变化


1.在setOption后写入

window.onresize = function () {
       myChart.resize();
}

可以令图表随窗口进行变化

2.而在项目中,通常会有侧边菜单栏的出现,其隐藏展开会影响到页面元素大小的改变,需要制作的图表也能随父容器进行改变。

可以通过引用element-resize-detector,npm install element-resize-detector --save,

const elementResizeDetectorMaker = require("element-resize-detector");

在setOption后写入

echarts.init是创建一个echartInstance实例,resize是实例上的方法,用来改变图表的尺寸。

 I