Plot REST API-Antwort mit Plotly und AngularJS

Question

Wie a und b Werte aus dem Json {Monat, Verbrauch} zuweisen?

REST API-Antwort:

data= { 
    "_id": { 
    "$oid": "580b8f80c2ef1645d285c884" 
    }, 
    "year": "2012", 
    "state": "Indiana", 
    "consumption": 3275, 
    "month": "january" 
    }, 
    { 
    "_id": { 
    "$oid": "580b8f81bd966f4110af0111" 
    }, 
    "year": "2012", 
    "state": "Indiana", 
    "consumption": 6348, 
    "month": "february" 
    } 

app.js:

var graphPlotterDemoApp = angular.module('graphPlotterDemoApp', ['graphPlotter']); 

graphPlotterDemoApp.controller('graphPlotterDemoCtrl', function($scope, $http) { 
    var a = ["jan", "feb", "mar", "apr"]; 
    var b = [10, 15, 13, 17]; 


    $scope.data={}; 
    $scope.refresh = function(){ 
     $http.get("https://api.mlab.com/api/1/databases/energyx/collections/energydata_2012?&apiKey=6JzRAzvdeqyLKAfQAqMOsLYLvvIdJG6A") 
     .success(function(response) { 
      $scope.data = response.data; 
     }); 

    }; 


    var trace1 = { 
     x: a, 
     y: b, 
     type: 'scatter' 
    }; 


    $scope.refresh(); 

    $scope.graphPlots = [trace1]; 
}); 

Answer 1

verwenden wie Daten von json

var a=$scope.data.map(function(a) {return a.month;}) 
var b=$scope.data.map(function(a) {return a.consumption;})