src/app/statistics/resources/resource-kpi/resource-kpi.component.html
<div fxLayout="row" fxLayoutAlign="space-evenly center">
<div fxLayout="column" fxLayoutAlign="space-evenly center">
<app-box-plot-diagram class="boxplot" [statistics]="statistics.cost" [label]="'Costs'" [chartId]="'Costs' + statistics.type"></app-box-plot-diagram>
</div>
<div fxLayout="column" fxLayoutAlign="space-evenly center">
<app-box-plot-diagram class="boxplot" [statistics]="statistics.time.in_use" [label]="'Time In Use in ' + timeUnit" [chartId]="'Time In Use' + statistics.type"></app-box-plot-diagram>
</div>
<div fxLayout="column" fxLayoutAlign="space-evenly center">
<app-box-plot-diagram class="boxplot" [statistics]="statistics.time.available" [label]="'Time Available in ' + timeUnit" [chartId]="'Time Available' + statistics.type"></app-box-plot-diagram>
</div>
<app-pie-chart [workload]="statistics.time.workload.median" [label]="statistics.type"></app-pie-chart>
</div>