2017-11-12 23:32:31 +01:00
|
|
|
<div class="fade-in" xmlns="http://www.w3.org/1999/html">
|
2018-07-01 13:03:51 +02:00
|
|
|
|
|
|
|
|
<mat-button-toggle-group class="chart-select-group"
|
|
|
|
|
#group="matButtonToggleGroup"
|
|
|
|
|
[(ngModel)]="activeChartSelect"
|
|
|
|
|
(change)="selectChart(group.value)">
|
|
|
|
|
<!--this does not work with ngFor due to deselect bug of ng-material-->
|
|
|
|
|
<mat-button-toggle value="{{labels.points}}">
|
|
|
|
|
{{labels.points}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.budget}}">
|
|
|
|
|
{{labels.budget}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.kill}}">
|
|
|
|
|
{{labels.kill}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.friendlyFire}}">
|
|
|
|
|
{{labels.friendlyFire}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.vehicle}}">
|
|
|
|
|
{{labels.vehicle}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.revive}}">
|
|
|
|
|
{{labels.revive}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.stabilize}}">
|
|
|
|
|
{{labels.stabilize}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.transport}}">
|
|
|
|
|
{{labels.transport}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="{{labels.flag}}">
|
|
|
|
|
{{labels.flag}}
|
|
|
|
|
</mat-button-toggle>
|
|
|
|
|
</mat-button-toggle-group>
|
2017-11-12 23:32:31 +01:00
|
|
|
|
|
|
|
|
<div *ngIf="showLineChart" class="chart-container">
|
|
|
|
|
<ngx-charts-line-chart
|
|
|
|
|
[scheme]="colorScheme"
|
|
|
|
|
[results]="lineChartData"
|
|
|
|
|
[gradient]="gradient"
|
|
|
|
|
[xAxis]="xAxis"
|
|
|
|
|
[yAxis]="yAxis"
|
|
|
|
|
[legend]="legend"
|
|
|
|
|
[legendTitle]="legendTitle"
|
|
|
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
|
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
|
|
|
[yAxisLabel]="lineChartLabel"
|
|
|
|
|
[autoScale]="autoscale"
|
|
|
|
|
[timeline]="timeline"
|
|
|
|
|
[roundDomains]="roundDomains">
|
|
|
|
|
</ngx-charts-line-chart>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div *ngIf="!showLineChart" class="chart-container">
|
|
|
|
|
<ngx-charts-area-chart
|
|
|
|
|
[scheme]="colorScheme"
|
|
|
|
|
[results]="areaChartData"
|
|
|
|
|
[xAxis]="xAxis"
|
|
|
|
|
[yAxis]="yAxis"
|
|
|
|
|
[curve]="stepCurve"
|
|
|
|
|
[legend]="legend"
|
|
|
|
|
[legendTitle]="legendTitle"
|
|
|
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
|
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
|
|
|
[yAxisLabel]="labelFlag"
|
|
|
|
|
[autoScale]="autoscale"
|
|
|
|
|
[timeline]="timeline"
|
|
|
|
|
[roundDomains]="false">
|
|
|
|
|
</ngx-charts-area-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
