74 lines
2.2 KiB
HTML
74 lines
2.2 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 class="fade-in" [(activeSlide)]="activeSlideIndex">
|
|
<slide *ngIf="id != 'all'">
|
|
<div class="slide-chart-container">
|
|
<h3>Gesamtpunktzahl</h3>
|
|
<ngx-charts-line-chart
|
|
[scheme]="colorScheme"
|
|
[results]="pointSumData"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[legend]="legend"
|
|
[legendTitle]="legendTitle"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[yAxisLabel]="'Gesamtpunkte'"
|
|
[autoScale]="autoscale"
|
|
[timeline]="timeline">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
<slide>
|
|
<div class="slide-chart-container">
|
|
<h3>Punkte je Schlacht</h3>
|
|
<ngx-charts-line-chart
|
|
[scheme]="colorScheme"
|
|
[results]="pointData"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[legend]="legend"
|
|
[legendTitle]="legendTitle"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[yAxisLabel]="'Punkte'"
|
|
[autoScale]="autoscale"
|
|
[timeline]="timeline">>
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
<slide>
|
|
<div class="slide-chart-container">
|
|
<h3>Spielerzahlen</h3>
|
|
<ngx-charts-line-chart
|
|
[scheme]="colorScheme"
|
|
[results]="playerData"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[legend]="legend"
|
|
[legendTitle]="legendTitle"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[yAxisLabel]="'Anzahl Spieler'"
|
|
[autoScale]="autoscale"
|
|
[timeline]="timeline">
|
|
</ngx-charts-line-chart>
|
|
</div>
|
|
</slide>
|
|
</carousel>
|