Javascript Highcharts不通过角度控制器显示图表
我开始为我正在做的一个项目玩highcharts。当我将大量数据转储到Highcharts中时,Highcharts显示正常,但现在我正试图解析通过MongoDB检索到的数据组,因此无法让它显示 这是我的照片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 = []
$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