title: Error in implementing chart.js in AngularJS
body: <p>I followed steps given in the link <a href="http://jtblin.github.io/angular-chart.js/" rel="nofollow">Angular chart JS</a>
  But unable to draw a graph(Bar graph) from the data.</p>
  
  <p>My <strong>dashboard.html</strong> is</p>
  
  <pre><code>&lt;div class="md-padding" flex layout-sm="column" &gt;
  &lt;md-card class="text-center"&gt;
  &lt;md-card-content&gt;
  &lt;canvas id="bar" class="chart chart-bar" ng-controller="DashboardCtrl"chart-data="data" chart-labels="labels" chart-series="series"&gt;
  &lt;/canvas&gt;
  &lt;/md-card-content&gt;
  &lt;/md-card&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My <strong>dashboardctrl.js</strong> is </p>
  
  <pre><code>(function () {
  'use strict';
  
  angular.module("home", ["chart.js"])
  .config(['ChartJsProvider', function (ChartJsProvider) {
   ChartJsProvider.setOptions({
    chartColors: ['#FF5252', '#FF8A80'],
    responsive: false
    });
  // Configure all line charts
  ChartJsProvider.setOptions('line', {
    datasetFill: false
   });
  }])
  .controller("DashboardCtrl", ['$scope', function ($scope) {
  
  $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  $scope.series = ['Series A', 'Series B'];
  
  $scope.data = [
    [65, 59, 80, 81, 56, 55, 40],
    [28, 48, 40, 19, 86, 27, 90]
  ];
  console.log("done");
  }]);
  })();
  </code></pre>
  
  <p>I am getting <strong>error</strong></p>
  
  <blockquote>
    <p>Multiple directives [ngController, chartBar] asking for new/isolated       scope on:` </p>
  </blockquote>
  
  <p>Thanks for your help in advance.
  `</p>