<div class="main term mb-2">
  <h1>
    # {{ title }}
  </h1>
  <fieldset class="text-center">
    <input type="checkbox" checked="checked" [(ngModel)]="this.removeOutliers"> remove outliers
    <input type="checkbox" checked="checked" [(ngModel)]="this.groupData"> group data
    <input type="checkbox" checked="checked" [(ngModel)]="this.showPercentages" (ngModelChange)="this.ngOnChanges()"> show percentages
  </fieldset>
  <ul class="chart-statistics">
    <li *ngFor="let stat of this.calculateStatistics()">
      {{ stat.name }}: <strong style="margin-left: 4px">{{ stat.value | number: '1.2-2' }}</strong>
    </li>
  </ul>
  <canvas baseChart
          [data]="this.buildChartData()"
          [options]="barChartOptions"
          [plugins]="[]"
          [legend]="false"
          [type]="'bar'"
          class="chart">
  </canvas>
</div>
