|  |  | 
 |  |  | 
 | 
 |  |  | </nz-card>
 | 
 |  |  | 
 | 
 |  |  | <div nz-row >
 | 
 |  |  | <div nz-row [ngStyle]="{'display':isShow ? 'block' : 'none'}">
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="warning_PM25" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="warning_PM10" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="warning_CO" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="warning_SO2" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  | </div>
 | 
 |  |  | 
 | 
 |  |  | <div nz-row [ngStyle]="{'display':'none' }">
 | 
 |  |  |    <!--  -->
 | 
 |  |  | <div nz-row [ngStyle]="{'display':isShow ? 'none' : 'block'}">
 | 
 |  |  |    <!-- 24小时 -->
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_temp" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_humidity" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_pressure" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_wind" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  | 
 | 
 |  |  |    <!-- 15天 -->
 | 
 |  |  |    <div nz-col [nzSpan]="12"><div id="forecasting_temp_day" style="height: 300px; width: 100%"></div></div>
 | 
 |  |  |    <!-- <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div> -->
 | 
 |  |  | 
 | 
 |  |  | </div>
 |