45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<div class="fade-in" style="border-top: 1px solid #dadada; padding-top:25px;" xmlns="http://www.w3.org/1999/html">
|
|
|
|
<mat-button-toggle-group class="chart-select-group"
|
|
#group="matButtonToggleGroup"
|
|
[(ngModel)]="activeChartSelect"
|
|
(change)="selectChart(group.value)">
|
|
<mat-button-toggle *ngFor="let label of labelsAsString" value="{{label}}">
|
|
{{label | translate}}
|
|
</mat-button-toggle>
|
|
</mat-button-toggle-group>
|
|
|
|
<div class="chart-container">
|
|
<ngx-charts-bar-vertical
|
|
[results]="barChartData"
|
|
[gradient]="gradient"
|
|
[xAxis]="xAxis"
|
|
[yAxis]="yAxis"
|
|
[legend]="legend"
|
|
[legendTitle]="legendTitle"
|
|
[showXAxisLabel]="showXAxisLabel"
|
|
[showYAxisLabel]="showYAxisLabel"
|
|
[yAxisLabel]="barChartLabel"
|
|
[barPadding]="2"
|
|
[roundDomains]="roundDomains">
|
|
</ngx-charts-bar-vertical>
|
|
</div>
|
|
|
|
<!--<div class="chart-container">-->
|
|
<!--<ngx-charts-line-chart-->
|
|
<!--[results]="barChartData"-->
|
|
<!--[gradient]="gradient"-->
|
|
<!--[xAxis]="xAxis"-->
|
|
<!--[yAxis]="yAxis"-->
|
|
<!--[legend]="legend"-->
|
|
<!--[legendTitle]="legendTitle"-->
|
|
<!--[showXAxisLabel]="showXAxisLabel"-->
|
|
<!--[showYAxisLabel]="showYAxisLabel"-->
|
|
<!--[yAxisLabel]="barChartLabel"-->
|
|
<!--[autoScale]="autoscale"-->
|
|
<!--[timeline]="timeline"-->
|
|
<!--[roundDomains]="roundDomains">-->
|
|
<!--</ngx-charts-line-chart>-->
|
|
<!--</div>-->
|
|
</div>
|