Javascript 如何在angularjs中将json数组数据提取到highcharts中
我想用highcharts显示一个条形图。我正在开发一个应用程序内置框架(play java),在该框架中,我从java api返回一个响应,其中包含json格式的数据。它包含一个字段“name”,其中包含“data”、“Gadgets”等数据,“Others”等。我希望图表的x轴从json数组中获取这些值,json数组作为响应返回 下面是.js中响应的代码Javascript 如何在angularjs中将json数组数据提取到highcharts中,javascript,angularjs,highcharts,Javascript,Angularjs,Highcharts,我想用highcharts显示一个条形图。我正在开发一个应用程序内置框架(play java),在该框架中,我从java api返回一个响应,其中包含json格式的数据。它包含一个字段“name”,其中包含“data”、“Gadgets”等数据,“Others”等。我希望图表的x轴从json数组中获取这些值,json数组作为响应返回 下面是.js中响应的代码 for(var i=0;i<response.data.result.length;i++) {
for(var i=0;i<response.data.result.length;i++)
{
$scope.total=$scope.total+parseInt(response.data.result[i].item_price);
}
var j=0;
console.log(response.data.result);
while(j<response.data.result.length)
{
$scope.jsonArray=[{
name:response.data.result[j].category_name,
y: (parseInt(response.data.result[j].item_price)/$scope.total)*100,
}]
$scope.renderChart();
}
for(var i=0;i我们所要做的就是在执行循环之前将jsonArray初始化为空。添加一个for循环,以便它在数组中迭代并适当地赋值。
更改后的代码
$scope.jsonArray = [];
for(var i=0;i<response.data.result.length;i++)
{
$scope.jsonArray[i]={
name:response.data.result[i].category_name,
y: (parseInt(response.data.result[i].item_price)/$scope.total)*100,
}
$scope.renderChart();
console.log(response.data.result[i]);
}
console.log($scope.jsonArray);
})
$scope.jsonArray=[];
对于jsonArray控制台日志中的(var i=0;i),请根据highcharts api检查此数组的格式是否正确
$scope.jsonArray = [];
for(var i=0;i<response.data.result.length;i++)
{
$scope.jsonArray[i]={
name:response.data.result[i].category_name,
y: (parseInt(response.data.result[i].item_price)/$scope.total)*100,
}
$scope.renderChart();
console.log(response.data.result[i]);
}
console.log($scope.jsonArray);
})