72 lines
2.1 KiB
HTML
72 lines
2.1 KiB
HTML
<h2 style="margin-bottom: 20px">{{title}}</h2>
|
|
|
|
<div class="btn btn-default" [style.background]="activeSlideIndex === 2 ? '#d9edf7':'white'"
|
|
(click)="goToSlide(2)" *ngIf="id != 'all'">Gesamtpunktzahl
|
|
</div>
|
|
<div class="btn btn-default" [style.background]="activeSlideIndex === 0 ? '#d9edf7':'white'"
|
|
(click)="goToSlide(0)">Punkte je Schlacht
|
|
</div>
|
|
<div class="btn btn-default" [style.background]="activeSlideIndex === 1 ? '#d9edf7':'white'"
|
|
(click)="goToSlide(1)">Spielerzahlen
|
|
</div>
|
|
|
|
<carousel [(activeSlide)]="activeSlideIndex">
|
|
<slide *ngIf="id != 'all'">
|
|
<div class="slide-chart-container">
|
|
<h3>Gesamtpunktzahl</h3>
|
|
<ngx-charts-line-chart
|
|
[view]="[1200, 500]"
|
|
[scheme]="colorScheme"
|
|
[results]="pointSumData"
|
|
[gradient]="false"
|
|
[xAxis]="true"
|
|
[yAxis]="true"
|
|
[legend]="true"
|
|
[legendTitle]="''"
|
|
[showXAxisLabel]="true"
|
|
[showYAxisLabel]="true"
|
|
[yAxisLabel]="'Gesamtpunkte'"
|
|
[autoScale]="true">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
<slide>
|
|
<div class="slide-chart-container">
|
|
<h3>Punkte je Schlacht</h3>
|
|
<ngx-charts-line-chart
|
|
[view]="[1200, 500]"
|
|
[scheme]="colorScheme"
|
|
[results]="pointData"
|
|
[gradient]="false"
|
|
[xAxis]="true"
|
|
[yAxis]="true"
|
|
[legend]="true"
|
|
[legendTitle]="''"
|
|
[showXAxisLabel]="true"
|
|
[showYAxisLabel]="true"
|
|
[yAxisLabel]="'Punkte'"
|
|
[autoScale]="false">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
<slide>
|
|
<div class="slide-chart-container">
|
|
<h3>Spielerzahlen</h3>
|
|
<ngx-charts-line-chart
|
|
[view]="[1200, 500]"
|
|
[scheme]="colorScheme"
|
|
[results]="playerData"
|
|
[gradient]="false"
|
|
[xAxis]="true"
|
|
[yAxis]="true"
|
|
[legend]="true"
|
|
[legendTitle]="''"
|
|
[showXAxisLabel]="true"
|
|
[showYAxisLabel]="true"
|
|
[yAxisLabel]="'Anzahl Spieler'"
|
|
[autoScale]="true">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
</carousel>
|