Как реализовать угловые js-графики с выводом данных json

0 
.controller('HomeCtrl', function ($scope, $http, $stateParams, $state, FirstHiveService) {

        var samplelineJsonData = [  
                            {
                                "month": "Jan",
                                "noOfUsers": "65"
                            },
                            {
                                "month": "Feb",
                                "noOfUsers": "59"
                            },
                            {
                                "month": "Mar",
                                "noOfUsers": "80"
                            },
                            {
                                "month": "Apr",
                                "noOfUsers": "81"
                            },
                            {
                                "month": "May",
                                "noOfUsers": "56"
                            },
                            {
                                "month": "Jun",
                                "noOfUsers": "55"
                            },
                            {
                                "month": "Jul",
                                "noOfUsers": "40"
                            }
                          ];                          

    var lineLabelsData = []; //, percentage2 = [], output = [percentage1, percentage2];
    for (var i = 0; i < samplelineJsonData.length; i++) {
        lineLabelsData.push(samplelineJsonData[i].month);
        //percentage2.push(samplelineJsonData[i].percentage2);
    }

    lineLabelsData = JSON.stringify(lineLabelsData);    
    $scope.labels1 =  lineLabelsData;
    $scope.series1 = ['Users'];
    $scope.data1 =  [[65, 59, 80, 81, 56, 55, 40]]; //lineData; //[[65, 59, 80, 81, 56, 55, 40] ];      

    //Iterating thru the json output Start    

    //Iterating thru the json output End
})

Вышеприведенный код не работает. Пожалуйста, дайте мне знать, что случилось в выше... Я не могу установить значение $ scope.labels1 для JSON.stringify(lineLabelsData);

  • 0
    что вы хотите назначить в $scope.labels1 ?
  • 0
    Мне нужно назначить его только массиву месяцев, который составляется в lineLabelsData
Показать ещё 9 комментариев
Теги:

1 ответ

0

Вы пытаетесь использовать model в виде array. Сначала вы должны объявить свою модель как массив в своем вызове init. Должен быть

$scope.labels1 = [], $scope.data1 = [];

Убедитесь, что эта переменная объявлена в вызове init контроллера. После этого вы повторите значения и нажмите результаты в данных, тогда вам не нужно снова повторять. Попробуйте ниже фрагмент

for (var i = 0; i < samplelineJsonData.length; i++) {
      $scope.labels1.push(JSON.stringify(samplelineJsonData[i].month));
      $scope.data1.i = parseInt(samplelineJsonData[i].noOfUsers); //Because this is an object
}
Поделиться
  • 0
    Превосходно .. он отлично работает для $ scope.labels1, но не работает для $ scope.data1 ... Могу ли я знать, в чем может быть проблема?
  • 0
    Вы объявили $scope.data1 = [] ?
Показать ещё 24 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню