not really animated bar and radar charts

This commit is contained in:
nixa 2016-05-03 17:10:49 +03:00
parent b252145bb0
commit e4d31c1cc8
2 changed files with 40 additions and 6 deletions

View file

@ -2,7 +2,7 @@
<div class="col-md-4">
<ba-card title="Pie" baCardClass="medium-card">
<base-chart class="chart chart-pie"
[legend]="true" [colours]="colours" [options]="options" [data]="data" [chartType]="chartType('Pie')" [labels]="labels" (chartClick)="changeData($event)">
[legend]="true" [colours]="colours" [options]="options" [data]="data.one" [chartType]="chartType('Pie')" [labels]="labels.one" (chartClick)="changeData($event)">
</base-chart>
</ba-card>
</div>
@ -10,7 +10,7 @@
<div class="col-md-4">
<ba-card title="Doughnut" baCardClass="medium-card">
<base-chart class="doughnut chart-doughnut"
[legend]="true" [colours]="colours" [options]="options" [data]="data" [chartType]="chartType('Doughnut')" [labels]="labels" (chartClick)="changeData($event)">
[legend]="true" [colours]="colours" [options]="options" [data]="data.one" [chartType]="chartType('Doughnut')" [labels]="labels.one" (chartClick)="changeData($event)">
</base-chart>
</ba-card>
</div>
@ -18,8 +18,25 @@
<div class="col-md-4">
<ba-card title="Polar" baCardClass="medium-card">
<base-chart class="polar chart-polar"
[legend]="true" [colours]="colours" [options]="options" [data]="data" [chartType]="chartType('PolarArea')" [labels]="labels" (chartClick)="changeData($event)">
[legend]="true" [colours]="colours" [options]="options" [data]="data.one" [chartType]="chartType('PolarArea')" [labels]="labels.one" (chartClick)="changeData($event)">
</base-chart>
</ba-card>
</ba-card>
</div>
</div>
<div class="row ">
<div class="col-md-6">
<ba-card title="Animated Radar" baCardClass="with-scroll col-eq-height">
<base-chart class="waveLine chart-waveLine"
[legend]="false" [colours]="colours" [options]="options" [data]="data.two" [chartType]="chartType('Radar')" [labels]="labels.two" (chartClick)="changeData($event)">
</base-chart>
</ba-card>
</div>
<div class="col-md-6">
<ba-card title="Animated Bars" baCardClass="with-scroll col-eq-height">
<base-chart class="waveBars chart-waveBars"
[legend]="false" [colours]="colours" [options]="options" [data]="data.two" [chartType]="chartType('Bar')" [labels]="labels.two" (chartClick)="changeData($event)">
</base-chart>
</ba-card>
</div>
</div>