title: Chart.JS doen't show anything with Angular.JS
body: <p>I am trying to show graph having same data on Angular JS to HTML. How can I pass my graph to HTML</p>
  
  <p>dashboard.js</p>
  
  <pre><code>angular.module('inspinia').controller('dashboardController',['$rootScope','$scope', '$http', function($rootScope, $scope, $http) {
  var labels = [];
  var Data = [];
  var piedata = [];
  var completed = 0;
  var len=0;
  var data = dashboardFactory.getData().success(function(resp){
  
  len = resp.length;
  for(var i = 0;i&lt;len;i++)
  {
  labels.push(resp[i].address);
  Data.push(resp[i].value);
  piedata.push({"label" :resp[i].address, "value" :resp[i].value })
  completed++;
  graphload();    
  }
  });
  function graphload()
  {
  if(completed==len)
  {
  $scope.labels=labels;
  var pieOptions = 
  {
  segmentShowStroke : false,
  animateScale : true
  }
  var expenses = document.getElementById("expenses").getContext("2d");
  new Chart(expenses).Doughnut(piedata, pieOptions);
  }
  }
  </code></pre>
  
  <p>With same code in HTML it is working fine my data is </p>
  
  <pre><code>var pieData = [
      {
              label :"Value1",
              value : 0.598986,
              color :"#b5b8cf"
      },
      {
              label :"Value2",
              value : 0.41403,
              color : "#a3e1d4"
      },
      {
              label : "Value3",
              value : 2.163101,
              color : "#dedede"
      }
  ];
  var pieOptions = {
      segmentShowStroke : false,
      animateScale : true
  }
  var expenses = document.getElementById("expenses").getContext("2d");
  new Chart(expenses).Doughnut(pieData, pieOptions);
  &lt;/script&gt;
  </code></pre>
  
  <p>for this data inside HTML my chart is displaying the value </p>
  
  <p>My html file is given below</p>
  
  <pre><code>&lt;div class="ibox-title"&gt;
  &lt;h5&gt;Value&lt;/h5&gt;
  
  &lt;/div&gt;
  &lt;div class="ibox-content"&gt;
  &lt;div class="text-center"&gt;
  &lt;canvas id="expenses" height="140"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  labels : {{labels}}
  &lt;/div&gt;
  </code></pre>
  
  <p>I am getting printed on screen</p>
  
  <blockquote>
    <p>labels : ["Value1","Value2","Value3"]</p>
  </blockquote>
  
  <p>I thinks that means my App is passing data to HTML but I am not getting it on charts</p>
  
  <p>Thanks in Advance</p>