Carregar dados JSON no gráfico Angular-nvD3 (AngularJS)

Desejo carregar dados JSON codificados recuperados com consultas de um banco de dados em um gráfico Angular-nvD3, mas não sei como fazê-lo ou qual a melhor maneira de realizar essa tarefa.

Recupero dados JSON codificados com consultas de um banco de dados (tabela PRODUCTS) com uma API. Já carreguei esses dados com êxito em tabelas com$http solicitações (carregadas em uma fábrica) para a API especificada. Os dados são salvos como um objeto em um dicionário em uma fábrica com$http solicitações para a API (localizada em serviços).

Amostra da tabela (tabela PRODUCTS):

ID STOCK

1 100

2 275

Amostra da fábrica:

.factory('services', ['$http', function($http){
  var serviceBase = 'services/'
  var object = {};
  object.getData = function(){
    return $http.get(serviceBase + 'data');
  };
  return object;
}]);

Amostra de um controlador para exibir os dados em uma tabela (com "ng-repeat="data in get_data""na visualização):

.controller('TablesCtrl', ['$scope', 'services', function($scope, services) {

  services.getData().then(function(data){
    $scope.get_data = data.data;
  });

}]);

Amostra do formato dos dados:

[{"0":"1","1":"100","ID":"1","STOCK":"100"},{"0":"2","1":"275","ID":"2","STOCK":"275"}]

PIE CHART - Este é um exemplo do tipo de script que eu quero adicionar (deESTA repositório):

'use strict';

angular.module('mainApp.controllers')

.controller('pieChartCtrl', function($scope){

    $scope.options = {
        chart: {
            type: 'pieChart',
            height: 500,
            x: function(d){return d.key;},
            y: function(d){return d.y;},
            showLabels: true,
            duration: 500,
            labelThreshold: 0.01,
            labelSunbeamLayout: true,
            legend: {
                margin: {
                    top: 5,
                    right: 35,
                    bottom: 5,
                    left: 0
                }
            }
        }
    };

    $scope.data = [
        {
            key: "One",
            y: 5
        },
        {
            key: "Two",
            y: 2
        },
        {
            key: "Three",
            y: 9
        },
        {
            key: "Four",
            y: 7
        },
        {
            key: "Five",
            y: 4
        },
        {
            key: "Six",
            y: 3
        },
        {
            key: "Seven",
            y: .5
        }
    ];
});

HTML:

<div ng-app="myApp">
    <div ng-controller="pieChartCtrl">
        <nvd3 options="options" data="data"></nvd3>
    </div>
</div>

Minha pergunta é: como é possível carregar esses dados JSON codificados recuperados em um gráfico Angular-nvD3 em vez de digitar manualmente os dados em$scope.data?

Muito obrigado!

questionAnswers(2)

yourAnswerToTheQuestion