34 lines
1.0 KiB
HTML
34 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
<title>Horizontal Bar Chart</title>
|
|
<link href="../../examples/bootstrap.css" rel="stylesheet">
|
|
</head>
|
|
<body ng-app="horizontal" id="top">
|
|
<div class="container">
|
|
<section id="charts">
|
|
<div class="page-header">
|
|
<h1>Horizontal Bar Chart</h1>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-sm-12" ng-controller="HorizontalBarCtrl">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">Horizontal Bar Chart</div>
|
|
<div class="panel-body">
|
|
<canvas class="chart chart-horizontal-bar " chart-options="options" chart-data="data"
|
|
chart-labels="labels" chart-colors="colors"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="../../node_modules/angular/angular.min.js"></script>
|
|
<script src="../../node_modules/chart.js/dist/Chart.min.js"></script>
|
|
<script src="../../angular-chart.js"></script>
|
|
<script src="horizontal-bar-chart.js"></script>
|
|
</body>
|
|
</html>
|