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

feat(charts): add the charts examples

Browse source
This commit is contained in:
Alexander Zhukov 2017-05-11 18:31:55 +03:00
parent e8dc2b9c72
commit 20a05654f4
19 changed files with 655 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/app/pages/charts/d3/d3.component.html Normal file
View file

@ -0,0 +1,56 @@
<div class="row">
<div class="col-md-6">
<nga-card size="xmedium">
<nga-card-header>Pie</nga-card-header>
<nga-card-body>
<ngx-charts-pie-chart
[view]="view"
[scheme]="colorScheme"
[results]="single"
[legend]="showLegend"
[labels]="showLabels">
</ngx-charts-pie-chart>
</nga-card-body>
</nga-card>
</div>
<div class="col-md-6">
<nga-card size="xmedium">
<nga-card-header>Bar</nga-card-header>
<nga-card-body>
<ngx-charts-bar-vertical
[view]="view"
[scheme]="colorScheme"
[results]="single"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel">
</ngx-charts-bar-vertical>
</nga-card-body>
</nga-card>
</div>
</div>
<div class="row">
<div class="col-md-6">
<nga-card size="xmedium">
<nga-card-header>Line</nga-card-header>
<nga-card-body>
<ngx-charts-line-chart
[view]="view"
[scheme]="colorScheme"
[results]="multi"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel">
</ngx-charts-line-chart>
</nga-card-body>
</nga-card>
</div>
</div>