title: Angular chart.js showing error chart is not defined
body: <p>i am new to angular js. When i try to do the below code. It show some errors in console. ReferenceError: Chart is not defined .I am not able to understand the errors. So anybody please help me. And if the question is not correct , please correct the question</p>
  
  <p>My Html code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;school&lt;/title&gt;
          &lt;link rel="stylesheet" href="style.css" type="text/css"/&gt;
          &lt;link rel="stylesheet" href="fonts/text-font/css/font_icon.css" type="text/css"/&gt;
          &lt;meta name="viewport" content="width=device-width; initial-scale=1.0" /&gt;
          &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
          &lt;!-- angular --&gt;
          &lt;script type="text/javascript" src="js/angular/angular.min.js"&gt;&lt;/script&gt;
          &lt;!-- angular chart --&gt;
          &lt;link rel="stylesheet" href="js/angular/angular-chart.css" type="text/css"/&gt;
          &lt;script type="text/javascript" src="js/angular/angular-chart.min.js"&gt;&lt;/script&gt;&lt;br /&gt;
          &lt;script type="text/javascript" src="js/angular/angular.js"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript" src="js/script.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body ng-app="app"&gt;
          &lt;div ng-controller="LineCtrl"&gt;
                  &lt;canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" 
                  chart-legend="true" chart-series="series" chart-click="onClick"&gt;&lt;/canvas&gt; 
  
              &lt;/div&gt;
      &lt;/body &gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my angular.js :</p>
  
  <pre><code>angular.module("app", ["chart.js"]) 
    // Optional configuration
    .config(['ChartJsProvider', function (ChartJsProvider) {
      // Configure all charts
      ChartJsProvider.setOptions({
        colours: ['#FF5252', '#FF8A80'],
        responsive: false
      });
      // Configure all line charts
      ChartJsProvider.setOptions('Line', {
        datasetFill: false
      });
    }])
    .controller("LineCtrl", ['$scope', '$timeout', function ($scope, $timeout) {
  
    $scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
    $scope.series = ['Series A', 'Series B'];
    $scope.data = [
      [65, 59, 80, 81, 56, 55, 40],
      [28, 48, 40, 19, 86, 27, 90]
    ];
    $scope.onClick = function (points, evt) {
      console.log(points, evt);
    };
  
    // Simulate async data update
    $timeout(function () {
      $scope.data = [
        [28, 48, 40, 19, 86, 27, 90],
        [65, 59, 80, 81, 56, 55, 40]
      ];
    }, 3000);
  }]);
  </code></pre>