将角形条形图连接到端点数据

我是Angular Charts的新手，并且不知道如何将端点JSON数据连接到图形。我按照AngularCharts中的说明，用粗略数据填充条形图。 HTML：将角形条形图连接到端点数据

<div class="row"> 
    <div class="span12"> 
     <div class="widget widget-nopad"> 
      <div class="widget-header"> 
       <i class="icon-list-alt"></i> 
       <h3> Skills</h3> 
      </div> 
      <!-- /widget-header --> 
      <div class="widget-content" style="padding:5px;" ng-controller="BarCtrl"> 
      <canvas id="bar" class="chart chart-bar" 
         chart-data="data" chart-labels="labels" chart-series="series"> 

       </canvas></div> 
     </div> 
    </div> 


</div>

控制器：

myApp.controller('BarCtrl', ['$scope', 'reportServices', function ($scope, reportServices) { 
    reportServices.getSkillsReport().then(function (result) { 

     $scope.data = result.data; 

     $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; 
    $scope.series = ['Series A', 'Series B']; 

    $scope.data = [ 
     [65, 59, 80, 81, 56, 55, 40], 
     [28, 48, 40, 19, 86, 27, 90] 
    ]; 


    }); 
}]);

端点的输出是：

{ 
    ".Net": 4, 
    "Java": 3, 
    "JavaScript": 5, 
    "ASP.NET": 2, 
    "Banking": 2, 
    "Personal Skills": 6 
}

可有人请告诉我如何将这些数据连接到当前的默认条形图？另外我不想要图表中的第二个系列栏。

来源

2016-11-22 Phoenix

假设，你的终点目标是为MyObject：

var myobject = { ".Net": 4, "Java": 3, "JavaScript": 5, "ASP.NET": 2,"Banking": 2,"Personal Skills": 6} 

$scope.labels = []; 
$scope.series = ['Series A']; 

$scope.data = []; 
$scope.datavalues = []; 

for(i in myobject) { 
    $scope.labels.push(i) 
    $scope.datavlues.push(myobject[i]) 
} 
$scope.data = [$scope.datavalues]

来源

2016-11-22 09:11:42 Priyanka

这样做，图表就消失了。（'BarCtrl'，['$ scope'，'reportServices'，function（$ scope，reportServices）{ reportServices.getSkillsReport（）。then（function（result）{ $ scope.chartValues = result。数据; $ scope.labels = []; $ scope.series = [ '系列A']; $ scope.data = []; $ scope.datavalues = []; 为（i的chartValues）{$ scope.labels.push（ⅰ） $ scope.datavlues.push（为MyObject [I]） } $ scope.data = [$ scope.datavalues] }）; }]）; – Phoenix

您在代码中保留了'myobject'，for循环..将其更改为$ scope.chartValues – Priyanka

也在for循环 - for（i in $ scope.chartValues） – Priyanka

将角形条形图连接到端点数据

回答

相关问题