<ion-header>
  <ion-toolbar color="secondary">
    <ion-buttons slot="start">
      <ion-back-button text="" ></ion-back-button>
    </ion-buttons>
    <ion-title mode="ios" class="title">{{item.fieldRegionName}}历史数据</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content color='light' style="height: 100%; padding-top: 30px;">
  <div style="padding-top: 10px">
    <h1 class="subTittle">牛舍热应激状态</h1> <span [ngClass]="{'perfect': analResult === '优','good': analResult === '良','bad': analResult === '差'}" margin-start="10px;">{{analResult}}</span>

    <h1 class="subTittle">近8个小时环境参数曲线</h1>
    <div echarts [options]="chartOption" class="demo-chart"></div>
    <h1 class="subTittle">近8个小时环境参数表</h1>
    <div>
      <ngx-datatable class='material' [rows]="rows" [columnMode]="'force'" [scrollbarH]="true" [scrollbarV]="true" style="white-space: nowrap; text-align: center">
        <ngx-datatable-column name="时间" prop="time" width="100">
        </ngx-datatable-column>
        <ngx-datatable-column name="热应激" prop="thi" width="60">
        </ngx-datatable-column>
        <ngx-datatable-column name="温度" prop="temp" width="80">
        </ngx-datatable-column>
        <ngx-datatable-column name="湿度" prop="humi" width="80">
        </ngx-datatable-column>
        <ngx-datatable-column name="光照" prop="AA" width="80">
        </ngx-datatable-column>
        <ngx-datatable-column name="风机" prop="BB" width="80">
        </ngx-datatable-column>
        <ngx-datatable-column name="喷淋" prop="CC" width="80">
        </ngx-datatable-column>
        <ngx-datatable-column name="照明" prop="DD" width="80">
        </ngx-datatable-column>
      </ngx-datatable>
    </div>
  </div>
</ion-content>

