title: Data from Json manipulation in AngularJS
body: <p>I'm trying to draw a line graph using Angular JS and stuck on manipulating a json file.</p>
  
  <p>I have aapl.json looks like:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
      "date":"2009-07-23",
      "numOfTweet":13,
      "oldScore":1,
      "newScore":0,
      "percentage1":-100,
      "appleClosePrice":21.27,
      "percentage2":0
    },
    {
      "date":"2009-07-24",
      "numOfTweet":32,
      "oldScore":2,
      "newScore":0,
      "percentage1":-100,
      "appleClosePrice":21.56,
      "percentage2":68.17113305
    },</code></pre>
  </div>
  </div>
  </p>
  
  <p>and I have accessed this data from the json file in Javascript</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>app.controller('LineCtrl', ['$scope', '$http', function($scope, $http) {
      $http.get('stock/aapl.json').success(function(data) {
        $scope.series = ['Stock Market', 'Tweet Mood'];
        $scope.stocks = data;
    });
  }]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>I can draw the two line graphs with this code in HTML. 
  If <code>$scope.data = [[28, 48, 40, 19, 86, 27, 90],[65, 59, 80, 81, 56, 55, 40]];</code></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;canvas id="line" class="chart chart-line chart-xl" data="data" labels="labels" legend="true"
  click="onClick" series="series"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My question is how to use 'percentage1' and 'percentage2' in the json as the data to draw line graphs.</p>