Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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
Javascript Highcharts不通过角度控制器显示图表_Javascript_Angularjs_Charts_Highcharts - Fatal编程技术网

Javascript Highcharts不通过角度控制器显示图表

Javascript Highcharts不通过角度控制器显示图表,javascript,angularjs,charts,highcharts,Javascript,Angularjs,Charts,Highcharts,我开始为我正在做的一个项目玩highcharts。当我将大量数据转储到Highcharts中时,Highcharts显示正常,但现在我正试图解析通过MongoDB检索到的数据组,因此无法让它显示 这是我的照片 $scope.retrieveData = function(){ $http.get('/calldata').then(function(response){ $scope.toneDatas = response.data var idArray = []

我开始为我正在做的一个项目玩highcharts。当我将大量数据转储到Highcharts中时,Highcharts显示正常,但现在我正试图解析通过MongoDB检索到的数据组,因此无法让它显示

这是我的照片

 $scope.retrieveData = function(){
  $http.get('/calldata').then(function(response){
    $scope.toneDatas = response.data
    var idArray = []
    angular.forEach($scope.toneDatas, function(value, key) {
      idArray.push({id: value._id, social_tone_data: value.social_tone_data})
      for (var i = 0; i < idArray.length; i++) {
        if (idArray[i].id === value._id) {
          console.log(idArray[i].id)
          var socialToneName = []
          var socialToneScore = []
          angular.forEach(value.social_tone_data, function(value, key) {
            socialToneScore.push(value.tone_score)
            socialToneName.push(value.tone_type)
          })
          $("#" + value._id).highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Fruit Consumption'
            },
            xAxis: {
                categories: socialToneName
            },
            yAxis: {
                title: {
                    text: 'Fruit eaten'
                }
            },
            series: [{
                data: socialToneScore
            }]
          });

        };
      };
    })
  });
};
$scope.retrieveData=function(){
$http.get('/calldata')。然后(函数(响应){
$scope.toneDatas=response.data
变量idArray=[]
角度.forEach($scope.toneDatas,函数(值,键){
推送({id:value.\u id,social\u tone\u data:value.social\u tone\u data})
对于(变量i=0;i
当页面加载get请求时,会调用数据库并获取要提供给web页面的数据,我现在正在尝试获取数据组social_tone_数据以显示在图表上。我的mongo数据库中有19个文档,希望每次循环完成时都能生成一个图表并提供给我的网页。我应该有19张图表。我仍然在玩代码,但任何帮助都是感激的

更新

我通过angular指令重构代码,并使用element参数显示在页面上。

正如其他人所说,使用指令修改dom元素,而不是controller&def,而不是jQuery,因为更新不属于angulars摘要循环


您的示例需要相关的补充模板/html
code

控制台中是否有任何错误?for(var i=0;i