Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-21 01:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactoring of chartist js component

Browse source
This commit is contained in:
nixa 2016-05-13 10:39:59 +03:00
parent d32414f626
commit 1293bae38f
4 changed files with 223 additions and 232 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/app/pages/charts/components/chartistJs/chartistJs.html
View file

@ -5,22 +5,22 @@
<h5>Simple line chart</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="simpleLineData"
[baChartistChartOptions]="simpleLineOptions">
[baChartistChartData]="data['simpleLineData']"
[baChartistChartOptions]="data['simpleLineOptions']">
</ba-chartist-chart>
<h5>Line chart with area</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="areaLineData"
[baChartistChartOptions]="areaLineOptions">
[baChartistChartData]="data['areaLineData']"
[baChartistChartOptions]="data['areaLineOptions']">
</ba-chartist-chart>
<h5>Bi-polar line chart with area only</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Line"
[baChartistChartData]="biLineData"
[baChartistChartOptions]="biLineOptions">
[baChartistChartData]="data['biLineData']"
[baChartistChartOptions]="data['biLineOptions']">
</ba-chartist-chart>
</ba-card>
</div>
@ -30,23 +30,23 @@
<h5>Simple bar chart</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Bar"
[baChartistChartData]="simpleBarData"
[baChartistChartOptions]="simpleBarOptions">
[baChartistChartData]="data['simpleBarData']"
[baChartistChartOptions]="data['simpleBarOptions']">
</ba-chartist-chart>
<h5>Multi-line labels bar chart</h5>
<ba-chartist-chart baChartistChartClass="ct-chart"
baChartistChartType="Bar"
[baChartistChartData]="multiBarData"
[baChartistChartOptions]="multiBarOptions"
[baChartistChartResponsive]="multiBarResponsive">
[baChartistChartData]="data['multiBarData']"
[baChartistChartOptions]="data['multiBarOptions']"
[baChartistChartResponsive]="data['multiBarResponsive']">
</ba-chartist-chart>
<h5>Stacked bar chart</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Bar"
[baChartistChartData]="stackedBarData"
[baChartistChartOptions]="stackedBarOptions">
[baChartistChartData]="data['stackedBarData']"
[baChartistChartOptions]="data['stackedBarOptions']">
</ba-chartist-chart>
</ba-card>
</div>
@ -59,23 +59,23 @@
<div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="simplePieData"
[baChartistChartOptions]="simplePieOptions"
[baChartistChartData]="data['simplePieData']"
[baChartistChartOptions]="data['simplePieOptions']"
[baChartistChartResponsive]="getResponsive(20, 80)">
</ba-chartist-chart>
</div>
<div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="labelsPieData"
[baChartistChartOptions]="labelsPieOptions">
[baChartistChartData]="data['labelsPieData']"
[baChartistChartOptions]="data['labelsPieOptions']">
</ba-chartist-chart>
</div>
<div class="col-md-12 col-lg-4"><h5>Donut</h5>
<ba-chartist-chart baChartistChartClass="ct-chart stacked-bar"
baChartistChartType="Pie"
[baChartistChartData]="simpleDonutData"
[baChartistChartOptions]="simpleDonutOptions"
[baChartistChartData]="data['simpleDonutData']"
[baChartistChartOptions]="data['simpleDonutOptions']"
[baChartistChartResponsive]="getResponsive(5, 40)">
</ba-chartist-chart>
</div>