52 lines
2.6 KiB
HTML
52 lines
2.6 KiB
HTML
<section ng-controller="chartistCtrl">
|
|
<div class="row">
|
|
<div class="col-md-6 ">
|
|
<blur-panel title="Lines" class-container="with-scroll ">
|
|
<h5>Simple line chart</h5>
|
|
<chartist class="ct-chart" chartist-data="simpleLineData" chartist-chart-type="Line"
|
|
chartist-chart-options="simpleLineOptions"></chartist>
|
|
<h5>Line chart with area</h5>
|
|
<chartist class="ct-chart" chartist-data="areaLineData" chartist-chart-type="Line"
|
|
chartist-chart-options="areaLineOptions"></chartist>
|
|
<h5>Bi-polar line chart with area only</h5>
|
|
<chartist class="ct-chart" chartist-data="biLineData" chartist-chart-type="Line"
|
|
chartist-chart-options="biLineOptions"></chartist>
|
|
</blur-panel>
|
|
</div>
|
|
|
|
<div class="col-md-6 ">
|
|
<blur-panel title="Bars" class-container="with-scroll ">
|
|
<h5>Simple bar chart</h5>
|
|
<chartist class="ct-chart" chartist-data="simpleBarData" chartist-chart-type="Bar"
|
|
chartist-chart-options="simpleBarOptions"></chartist>
|
|
<h5>Multi-line labels bar chart</h5>
|
|
<chartist class="ct-chart" chartist-data="multiBarData" chartist-chart-type="Bar"
|
|
chartist-chart-options="multiBarOptions" chartist-responsive-options="multiBarResponsive"></chartist>
|
|
<h5>Stacked bar chart</h5>
|
|
<chartist class="ct-chart stacked-bar" chartist-data="stackedBarData" chartist-chart-type="Bar"
|
|
chartist-chart-options="stackedBarOptions"></chartist>
|
|
</blur-panel>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<blur-panel title="Pies & Donuts" class-container="with-scroll ">
|
|
<div class="row">
|
|
<div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
|
|
<chartist class="ct-chart" chartist-data="simplePieData" chartist-chart-type="Pie"
|
|
chartist-chart-options="simplePieOptions"></chartist>
|
|
</div>
|
|
<div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
|
|
<chartist class="ct-chart" chartist-data="labelsPieData" chartist-chart-type="Pie"
|
|
chartist-chart-options="labelsPieOptions" chartist-responsive-options="pieResponsive"></chartist>
|
|
</div>
|
|
<div class="col-md-12 col-lg-4"><h5>Donut</h5>
|
|
<chartist class="ct-chart" chartist-data="simpleDonutData" chartist-chart-type="Pie"
|
|
chartist-chart-options="simpleDonutOptions" chartist-responsive-options="donutResponsive"></chartist>
|
|
</div>
|
|
</div>
|
|
</blur-panel>
|
|
</div>
|
|
</div>
|
|
</section> |