默认情况下，当改变容器尺寸时（比如更改分辨率，浏览器页面缩放），图表原先是多大还是多大，不会根据容器尺寸的变化而改变，但是我们都希望：生成的图表能够根据容器的大小，做出对应的变化，这如何实现呢？
官方给出的方案是监听window对象的resize()事件，做出对应的更改。
但是看了鑫神的这篇文章 《检测DOM尺寸变化JS API ResizeObserver简介》 ，文中包含以下一些观点：
window对象的resize()事件只能监测窗体尺寸的变化。- 有时候窗体的尺寸没变，但是DOM元素尺寸变化了，那
resize()事件是监测不到的。 - 有时候窗体的尺寸变了，可DOM元素的尺寸没变，那用
resize()事件做监测就有些浪费了。 - 由于上述这些弊端，我们需要一个真正能监测DOM元素尺寸变化的工具，这就是ResizeObserver对象。
#myChart {
height: 300px;
border: 1px solid blue;
}
推荐阅读
- python|Python制作炫酷的个人足迹地图
- 职场|三类6种地图可视化软件测评，最好用的工具居然是它
- echarts水波图常见问题
- 前端|vue使用echarts-liquidfill水球图不生效
- 笔记|echarts公司内部图表(冒死上传)
- echarts|CMS项目数据可视化-echarts的使用
- echarts|vue-charts的使用（在vue项目中使用echarts）
- JavaScript|Echarts5.* 关系图谱(relation graph)添加节点拖拽、点击节点高亮效果
- 没想到吧！这个可可爱爱的游戏居然是用 ECharts 实现的！