jtblin/angular-chart.js

View on GitHub
test/fixtures/horizontal-bar-chart.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Horizontal Bar Chart</title>
  <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.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>