echarts官网的实例都具有响应式功能
echart图表本身是提供了一个resize
的函数的。
用于当浏览器发生resize事件的时候,让其触发echart的resize事件,重绘canvas。
多个图表可以使用addEventListener
window.addEventListener("resize", () => {
this.myChart.resize();
this.myChart2.resize();
this.myChart3.resize();
});
上面问题解决了浏览器窗体改变大小问题
假设某个DIV改变大小呢?
推荐你这篇优秀的文章:
JQuery扩展 — div大小改变触发事件
https://blog.csdn.net/qq_33257711/article/details/81504104