Javascript 如何在angularjs中将json数组数据提取到highcharts中

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++) {

我想用highcharts显示一个条形图。我正在开发一个应用程序内置框架(play java),在该框架中,我从java api返回一个响应,其中包含json格式的数据。它包含一个字段“name”,其中包含“data”、“Gadgets”等数据,“Others”等。我希望图表的x轴从json数组中获取这些值,json数组作为响应返回

下面是.js中响应的代码

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);
    })