title: angular nvd3 piechart not rendering data from backend
body: <p>I am using angular d3 directive to render a pie chart from backend data. 
  Pie chart works for static data:</p>
  
  <pre><code>$http({
      method : 'GET',
      url : piechart_url,
      headers:{
      'Content-Type' :'application/json'
  }})
  .success(function(resp,status,headers,config) {
      //try hard coded here
      $scope.exampleData = [
             { key: "One", y: 5 },
             { key: "Two", y: 2 },
             { key: "Seven", y: 9 }
      ];
  })
  </code></pre>
  
  <p>But it does not work with the data from a backend API. 
  <strong>* It only renders first key in the pie chart. *</strong></p>
  
  <pre><code>$http({
     method : 'GET',
     url : piechart_url,
     headers:{
       'Content-Type' :'application/json'
     }})
     .success(function(resp,status,headers,config) {
        $scope.exampleData = resp.items;
     })
  </code></pre>
  
  <p>The resp.items contains</p>
  
  <pre><code>   [{"key":"ONE","y":10000},{"key":"TWO","y":10}]
  </code></pre>
  
  <p>I have tried adding/removing quotes.</p>