Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 如何将数据从api传递到具有角度的饼图_Node.js_Angular_Api_Canvas - Fatal编程技术网

Node.js 如何将数据从api传递到具有角度的饼图

Node.js 如何将数据从api传递到具有角度的饼图,node.js,angular,api,canvas,Node.js,Angular,Api,Canvas,我想用angular在piechart画布中传递API的输出,但我无法获得任何结果,API已被使用,但我在将其与piechart(数据点)关联时遇到问题 代码就在下面 app.component.ts 从'@angular/core'导入{Component,OnInit}; 从'@angular/forms'导入{EmailValidator}; 从'@angular/Router'导入{Router,NavigationEnd}; 从“/api.service”导入{ApiService};

我想用angular在piechart画布中传递API的输出,但我无法获得任何结果,API已被使用,但我在将其与piechart(数据点)关联时遇到问题 代码就在下面

app.component.ts
从'@angular/core'导入{Component,OnInit};
从'@angular/forms'导入{EmailValidator};
从'@angular/Router'导入{Router,NavigationEnd};
从“/api.service”导入{ApiService};
从“/apistat.service”导入{ApistatService};
从“/CanvasJS.min”导入*作为CanvasJS;
//var CanvasJS=require('./CanvasJS.min');
@组成部分({
选择器:'应用程序根',
templateUrl:“./app.component.html”,
样式URL:['./app.component.css']
})
导出类AppComponent实现OnInit{
要素:任何[];
建造师(
私人apistatService:apistatService
) {  
this.elements=[];
}
恩戈尼尼特(){
让chart=newcanvasjs.chart(“chartContainer”{
主题:“light2”,
animationEnabled:没错,
exportEnabled:true,
标题:{
文本:“每月费用”
},
数据:[{
键入:“馅饼”,
showInLegend:是的,
toolTipContent:“{elements.total}:${y}(#status)”,
索引标签:“{name}-#percent%”,
数据点:[
{y:120,名称:“保险”},
{y:300,名字:“旅行”},
{y:800,名称:“住房”},
{y:150,名称:“教育”},
{y:150,名字:“购物”},
{y:250,姓名:“其他”}
]
}]
});   
this.apistatService.getData().subscribe((数据:any)=>{
如果(data.status==200){
console.log(data.response);
this.elements=data.response;
}
})    
chart.render();
}

}
要使用饼图中的API数据,您只需将API中的数据设置为dataPoints数组,只要确保您的API数据具有与当前在绘制图表时传入数据数组中的dataPoints数组中可用的格式相同的格式,它就可以正常工作。

您所说的符合逻辑,但我没有这样做的想法,我在文档中查阅了很多,但没有找到解决方案,我是Angular的初学者。你能分享一些我可以处理你的代码的链接吗,也许那样我可以帮助你?给我你的异议或电子邮件,这样我就可以与你联系。你可以在priteshkapuriya@gmail.com