前提:
写好轮廓,添加图表之后,不能适配的情况有两个:
1、改变窗口大小,图表不能随之改变
2、图表的盒子设置width: 100%
时,并不能继承父亲的宽,而是占据了整个屏幕宽度
one、two、three平分页面。two有宽度,图表却没有继承。页面缩小时,图表也没有变小。
解决办法
把html换一种写法
html
<div class="box">
<div nz-row>
<div nz-col nzSpan="8" class="one">
3546961635
</div>
<div nz-col nzSpan="8" class="two">
<div echarts [options]='option1' style="width: 100%; height: 100%;"></div>
</div>
<div nz-col nzSpan="