opt-cc/static/src/app/statistic/overview/stats-overview.component.html

70 lines
1.5 KiB
HTML
Raw Normal View History

2017-08-12 23:13:39 +02:00
<h2>{{title}}</h2>
2017-09-02 10:43:23 +02:00
<h3>Gesamtpunktzahl</h3>
2017-07-29 12:59:51 +02:00
2017-07-30 08:55:14 +02:00
<div class="chart-container">
2017-07-29 12:59:51 +02:00
<ngx-charts-line-chart
2017-09-02 10:43:23 +02:00
[view]="[1050, 350]"
2017-07-29 12:59:51 +02:00
[scheme]="colorScheme"
2017-09-02 10:43:23 +02:00
[results]="pointSumData"
[gradient]="false"
[xAxis]="true"
[yAxis]="true"
[legend]="true"
[legendTitle]="''"
[showXAxisLabel]="true"
[showYAxisLabel]="true"
[xAxisLabel]="'Schlachtdatum'"
[yAxisLabel]="'Gesamtpunkte'"
[autoScale]="true"
(select)="onSelect($event)">
</ngx-charts-line-chart>
</div>
<h3 style="padding-top: 300px;">Punkte je Schlacht</h3>
<div class="chart-container">
<ngx-charts-line-chart
[view]="[1050, 350]"
[scheme]="colorScheme"
[results]="pointData"
2017-07-29 12:59:51 +02:00
[gradient]="false"
[xAxis]="true"
[yAxis]="true"
[legend]="true"
[legendTitle]="''"
[showXAxisLabel]="true"
[showYAxisLabel]="true"
2017-07-29 18:00:21 +02:00
[xAxisLabel]="'Schlachtdatum'"
[yAxisLabel]="'Punkte'"
2017-07-30 16:31:55 +02:00
[autoScale]="false">
2017-07-29 12:59:51 +02:00
</ngx-charts-line-chart>
</div>
2017-07-30 08:55:14 +02:00
2017-09-02 10:43:23 +02:00
<h3 style="padding-top: 300px;">Spielerzahlen</h3>
2017-07-30 08:55:14 +02:00
<div class="chart-container">
<ngx-charts-line-chart
[view]="[1050, 350]"
[scheme]="colorScheme"
2017-09-02 10:43:23 +02:00
[results]="playerData"
2017-07-30 08:55:14 +02:00
[gradient]="false"
[xAxis]="true"
[yAxis]="true"
[legend]="true"
[legendTitle]="''"
[showXAxisLabel]="true"
[showYAxisLabel]="true"
[xAxisLabel]="'Schlachtdatum'"
[yAxisLabel]="'Anzahl Spieler'"
[autoScale]="true"
(select)="onSelect($event)">
</ngx-charts-line-chart>
</div>