[英]How can parse JSON URL data into given AngularJS dxChart variable
Content.JSON
[{
status: "Allocated",
count: 45
}, {
status: "Bench",
count: 89
}, {
status: "Mobile",
count: 12
}, {
status: "Project",
count: 1
}, {
status: "SAP",
count: 18
}, {
status: "Testing",
count: 68
}, {
status: "vvvv",
count: 70
}];
下面是我的AngularJS模块,我试图在其中获取JSON url数据,但是在控制台中却出现以下错误
dxChart.js:9 E2001-无效的数据源。 参见: http : //js.devexpress.com/error/15_2/E2001
angular.module('myApp')
.controller('valueController', ['$scope', '$http', '$window', function ($scope, $http, $window) {
var mainInfo = null;
$http({
method : "GET",
url : "/JSON/Content.json",
dataType: 'json',
}).then(function mySucces(response) {
mainInfo = response.data;
}, function myError(response)
{
$window.alert(response.statusText);
});
$scope.chartOptions = {
dataSource: mainInfo,
series: {
argumentField: "status",
valueField: "count",
name: "SIDG Java",
type: "bar",
color: '#1899dd'
}
};
}]);
我认为,
您提供作为输入的JSON数据格式错误。 您可以从一些在线网站(例如https://jsonformatter.curiousconcept.com/)进行验证
请勿在JSON末尾使用分号。 这是正确的格式:
[{
"status": "Allocated",
"count": 45
}, {
"status": "Bench",
"count": 89
}, {
"status": "Mobile",
"count": 12
}, {
"status": "Project",
"count": 1
}, {
"status": "SAP",
"count": 18
}, {
"status": "Testing",
"count": 68
}, {
"status": "vvvv",
"count": 70
}]
还可以使用try catch块来处理解析异常
try {
mainInfo = JSON.parse(response);
} catch (err) {
console.log(err);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.