Javascript 如何从角度范围对象加载圆环图数据

Javascript 如何从角度范围对象加载圆环图数据,javascript,jquery,angularjs,charts,Javascript,Jquery,Angularjs,Charts,这是我的代码格式:如何从angular scope对象加载数据。 静态数据工作正常。但从范围对象获取的数据不显示任何内容 var-app=angular.module('myApp',[]) app.controller('myController',函数($scope){ $scope.init=函数(){ $scope.loadData() var ctx=document.getElementById('mycanvas').getContext('2d'); var图表=新图表(ctx

这是我的代码格式:如何从angular scope对象加载数据。
静态数据工作正常。但从范围对象获取的数据不显示任何内容

var-app=angular.module('myApp',[])
app.controller('myController',函数($scope){
$scope.init=函数(){
$scope.loadData()
var ctx=document.getElementById('mycanvas').getContext('2d');
var图表=新图表(ctx{
键入:“甜甜圈”,
数据:{
标签:[“EL”、“AL”、“PL”、“CL”],
数据集:[{
背景颜色:[“绿色”、“红色”、“粉色”、“蓝色”],
数据:$scope.datas,
}]
},
选项:{
图例:{
位置:'右',
标签:{
箱宽:12
}
},
工具提示:{bodyFontSize:12}
}
});
}
$scope.loadData=函数(){
$scope.datas=[
{
“EL”:2
},
{
“AL”:2
},
{
“PL”:2
},
{
“CL”:2
}
]
}
})

你几乎做对了

这里的重点是您的数据格式。 不能像这样传递对象

 $scope.requestedLeaveTypeCount=[{'EL': 2}, {'AL': 2}, {'PL': 2}, {'CL': 2}];
这种数据格式正在工作

$scope.requestedLeaveTypeCount=[2,2,2,2]

从哪里获得此代码?有参考资料吗?你们应该试着使用角度图,这可以在链接中找到,并以正确的方式进行。它包含Chart.js的angularjs指令:如果我在
AL
PL
中没有发送任何内容,我还需要显示值为0的颜色。可能吗?@krish不确定是否理解。您的数据集变成:
[2,0,0,2]
。图例被保留,甜甜圈被正确绘制如果我没有任何值,我的数组是空的。那时我还需要用相同的颜色显示图表。@krish老实说,我不知道。。当我没有收到数据时,我通常会“隐藏”图表。你不能给空白区域上色。假设彩色区域对应于一个数据值,如果没有数据,就没有彩色区域