<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Not enough colours</title>
  <link rel="stylesheet" href="../../dist/angular-chart.css">
  <link href="../../examples/bootstrap.css" rel="stylesheet">
</head>
<body ng-app="pie" id="top">
  <div class="container">
    <section id="charts">
      <div class="page-header">
        <h1>Charts</h1>
      </div>
      <div class="row">
        <div class="col-lg-4 col-sm-12" ng-controller="PieCtrl">
          <div class="panel panel-default">
            <div class="panel-heading">Pie Chart</div>
            <div class="panel-body">
              <canvas class="chart chart-pie" data="data" labels="labels"
                      colours="colours" get-colour="getColour"></canvas>
            </div>
            <p align="center"><a href="https://github.com/jtblin/angular-chart.js/issues/51">
              https://github.com/jtblin/angular-chart.js/issues/54
            </a></p>
          </div>
        </div>
      </div>
    </section>
  </div>

  <script src="../../bower_components/angular/angular.min.js"></script>
  <script src="../../bower_components/Chart.js/Chart.js"></script>
  <script src="../../angular-chart.js"></script>
  <script src="54-not-enough-colours.js"></script>
</body>
</html>
