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

chartist component basics

Browse source
This commit is contained in:
nixa 2016-05-03 19:16:13 +03:00
parent 08a456921a
commit 8b0015679b
8 changed files with 134 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/app/pages/charts/components/chartistJs/chartistJs.html Normal file
View file

@ -0,0 +1,43 @@
<section ng-controller="chartistCtrl">
<div class="row">
<div class="col-md-6 ">
<div ba-panel ba-panel-title="Lines" ba-panel-class="with-scroll ">
<h5>Simple line chart</h5>
<div id="line-chart" class="ct-chart"></div>
<h5>Line chart with area</h5>
<div id="area-chart" class="ct-chart"></div>
<h5>Bi-polar line chart with area only</h5>
<div id="bi-chart" class="ct-chart"></div>
</div>
</div>
<div class="col-md-6 ">
<div ba-panel ba-panel-title="Bars" ba-panel-class="with-scroll ">
<h5>Simple bar chart</h5>
<div id="simple-bar" class="ct-chart"></div>
<h5>Multi-line labels bar chart</h5>
<div id="multi-bar" class="ct-chart"></div>
<h5>Stacked bar chart</h5>
<div id="stacked-bar" class="ct-chart stacked-bar"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div ba-panel ba-panel-title="Pies & Donuts" ba-panel-class="with-scroll ">
<div class="row">
<div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
<div id="simple-pie" class="ct-chart"></div>
</div>
<div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
<div id="label-pie" class="ct-chart"></div>
</div>
<div class="col-md-12 col-lg-4"><h5>Donut</h5>
<div id="donut" class="ct-chart"></div>
</div>
</div>
</div>
</div>
</div>
</section>