80 lines
3.6 KiB
HTML
80 lines
3.6 KiB
HTML
|
<!--<div class="btn-group" style="position: absolute; margin-left: 5%;" dropdown>-->
|
||
|
|
<!--<button dropdownToggle type="button" class="btn btn-default dropdown-toggle dropdown-toggle-split">-->
|
||
|
|
<!--{{dataMode}} <span class="caret"></span>-->
|
||
|
|
<!--</button>-->
|
||
|
|
<!--<ul *dropdownMenu class="dropdown-menu" role="menu">-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(0, 'Summe')">Summe</a></li>-->
|
||
|
|
<!--<li class="divider dropdown-divider"></li>-->
|
||
|
|
<!--<li class="disabled" role="menuitem">-->
|
||
|
|
<!--<a class="dropdown-item" style="cursor: default!important;">Interval:</a>-->
|
||
|
|
<!--</li>-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(1, '1 Minute')">1 Minute</a></li>-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(5, '5 Minuten')">5 Minuten</a></li>-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(10, '10 Minuten')">10 Minuten</a>-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(20, '20 Minuten')">20 Minuten</a>-->
|
||
|
|
<!--<li role="menuitem"><a class="dropdown-item" (click)="toggleDataMode(40, '40 Minuten')">40 Minuten</a>-->
|
||
|
|
<!--</li>-->
|
||
|
|
<!--</ul>-->
|
||
|
|
<!--</div>-->
|
||
|
|
|
||
|
|
<div class="fade-in" xmlns="http://www.w3.org/1999/html">
|
||
|
|
<div class="chart-select-group">
|
||
|
|
<div class="btn-group" (click)="selectChart()">
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelPoints}}">{{labelPoints}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelBudget}}">{{labelBudget}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelKill}}">{{labelKill}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelFriendlyFire}}">{{labelFriendlyFire}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelVehicle}}">{{labelVehicle}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelRevive}}">{{labelRevive}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelStabilize}}">{{labelStabilize}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelTransport}}">{{labelTransport}}</label>
|
||
|
|
<label class="btn btn-default btn-dark" [(ngModel)]="chartSelectModel"
|
||
|
|
btnRadio="{{labelFlag}}">{{labelFlag}}</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<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>
|