关于echarts图表根据父元素宽度进行自适应。

有时候echarts设置了图表后,放大浏览器和缩小浏览器,父元素会跟着浏览器大小进行放大和缩小,而图表不会跟着父元素大小进行变化,这时候咱们能够设置echarts对象,让他能够实现这样的效果。浏览器

官方文档以下:
    ECharts没有绑定resize事件,显示区域大小发生改变内部并不知
道,使用方能够根据本身的需求绑定关心的事件,主动调用resize达到
自适应的效果,常见如window.onresize = myChart.resize。

注意:
    若是这个页面有多个图表:

//多图表自适应
window.addEventListener("resize", function () {
myChart.resize();
myChart2.resize();
});
相关文章
相关标签/搜索