2018-07-29 20:59:09 +02:00
|
|
|
<div class="slide-chart-container" style="height: 100px;padding-top: 20px; margin-top: 10px;">
|
2019-02-27 23:13:23 +01:00
|
|
|
<mat-button-toggle-group class="chart-select-group"
|
|
|
|
|
#viewToggle="matButtonToggleGroup"
|
2018-08-04 12:54:37 +02:00
|
|
|
[value]="this.id !== 'all' ? '0' : '1'"
|
|
|
|
|
(change)="goToSlide(viewToggle.value)">
|
|
|
|
|
<mat-button-toggle *ngIf="id != 'all'" value="0">
|
2018-10-02 14:31:26 +02:00
|
|
|
{{'stats.graph.select.sum.points' | translate}}
|
2018-08-04 12:54:37 +02:00
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="1">
|
2018-10-02 14:31:26 +02:00
|
|
|
{{'stats.graph.select.battle.points' | translate}}
|
2018-08-04 12:54:37 +02:00
|
|
|
</mat-button-toggle>
|
|
|
|
|
<mat-button-toggle value="2">
|
2018-10-02 14:31:26 +02:00
|
|
|
{{'stats.graph.select.player.count' | translate}}
|
2018-08-04 12:54:37 +02:00
|
|
|
</mat-button-toggle>
|
|
|
|
|
</mat-button-toggle-group>
|
2017-10-06 20:52:52 +02:00
|
|
|
</div>
|
2018-08-04 12:54:37 +02:00
|
|
|
|
2018-10-09 10:42:28 +02:00
|
|
|
<div class="fade-in" *ngIf="initialized">
|
2017-10-06 20:52:52 +02:00
|
|
|
<div class="slide-chart-container">
|
|
|
|
|
<ngx-charts-line-chart
|
|
|
|
|
[scheme]="colorScheme"
|
|
|
|
|
[results]="currentData"
|
|
|
|
|
[gradient]="gradient"
|
|
|
|
|
[xAxis]="xAxis"
|
|
|
|
|
[yAxis]="yAxis"
|
|
|
|
|
[legend]="legend"
|
|
|
|
|
[legendTitle]="legendTitle"
|
|
|
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
|
|
|
[showYAxisLabel]="showYAxisLabel"
|
2018-10-05 10:29:57 +02:00
|
|
|
yAxisLabel="{{yAxisLabel | translate}}"
|
2017-10-06 20:52:52 +02:00
|
|
|
[autoScale]="autoscale"
|
2017-10-07 13:05:10 +02:00
|
|
|
[timeline]="timeline"
|
|
|
|
|
[roundDomains]="roundDomains">
|
2017-10-06 20:52:52 +02:00
|
|
|
</ngx-charts-line-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
