<ion-card style="min-height:50%; position:relative" *ngIf="data"> 
    <div class='vertical-center'>
        {{ data[0].value | number:"1.0-0"   }}</div>
    <!--
    <img src='assets/imgs/step1.png' style="position:absolute;bottom:10px; right:10px;width:100px">-->
    <img [src]="'assets/imgs/'+ className +'.png'" style="position:relative;top:0px; left:0px;width:100%; height:auto">
    <!--
<ngx-charts-gauge
      [scheme]="colorScheme"
      [results]="data"
      [min]="0"
      [max]="21000000"
      [angleSpan]="240"
      [startAngle]="-120"
      [units]="'Cals'"
      [bigSegments]="10"
      [smallSegments]="10"
      (click)="onSelect($event)"
      [axisTickFormatting]="format">
</ngx-charts-gauge></ion-card> -->
