较高容器中的图表
容器更高时，更适合看细节较多的图。
本课你会学到什么
- 响应式不是只看图能不能缩放，还要看容器高度、排列方式、文字是否拥挤。
- 本课重点理解
responsive与maintainAspectRatio的配合关系。 - 你会看到同一套图表代码在不同容器中如何表现。
图表示例
较矮容器中的图表
容器更矮时，更适合做概览型展示。
如何自定义成你自己的图表
- 如果你希望图表跟着窗口变化，保持
responsive: true。 - 如果你已经手动控制了容器高度，通常建议加
maintainAspectRatio: false。 - 布局问题很多时候不是图表本身的问题，而是外层容器太高、太矮或太窄。
- 做真实项目时，先定卡片高度，再定图表样式，通常比反过来更稳定。
课后练习建议
- 把第一个图表容器高度再加大 100px。
- 删掉
maintainAspectRatio: false看看图表行为差异。 - 把两个图放进手机宽度里试试阅读性。