具有动态数据的高图表 $http.post 角度 js
Highcharts with dynamic data $http.post angular js
$http.post(galileoServer + "actions.php", {
"action": "get-attendance-graph",
"user": window.localStorage.getItem("username")
}).success(function(result){
//console.log(result)
busyIndicator("hide");
$('#attendance-graph').highcharts({
credits: 0,
tooltip:{
enabled: false
},
chart: {
type: 'bar'
},
title: {
text: '',
style: {
display: "none"
}
},
xAxis: {
categories: ['June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
min: 0,
title: {
text: 'No. of days'
},
gridLineWidth: 0,
minorGridLineWidth: 0,
labels: { //to disable points displayed
enabled: false
}
},
legend: {
reversed: true
},
plotOptions: {
series: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
formatter: function() { //function to avoid displaying zero values
if (this.y != 0) {
return this.y;
} else {
return null;
}
}
/*style: {
textShadow: '0 0 3px black, 0 0 3px black'
}*/
}
}
},
series: [{
name: 'Absent',
data: [result.absentData]
}, {
name: 'Present',
data: [result.presentData]
}]
});
}).error(function(result, status){
alert(status + "'nCouldn't connect to Galileo server due to network problem")
});
我正在尝试通过 ajax 加载数据,但图形未加载,加载的图形为空。提供了编码片段。我也尝试了getJSON部分,但它也没有奏效。请让我知道解决方案,因为自最近两天以来我无法获得图表。
控制台输出{"absentData":"0,0,2,0,0,1,0,0,0,0,0,0","presentData":"30,31,29,30,31,29,31,31,28,31,30,31"}
您的 json 未正确用于 Highcharts。 你想要一个数字数组,你给它的是一个元素的数组一个字符串:
data: ["0,0,2,0,0,1,0,0,0,0,0,0"] // an array of a single string...
最好在PHP代码中修复此问题。 您需要构建一个 php 整数数组(不要构建串联字符串),然后使用 json_encode
.
如果你无法在 PHP 中修复它,你可以执行以下操作:
data: $.parseJSON("["+result.absentData+"]")
但这有点丑陋。
相关文章:
- 如何绑定“;这个“;在$http.post中->在AngularJS中解析/拒绝?(现在this=Window对象
- 为什么我的$http.post返回一个400错误
- AngularJS$http.post调用返回502(坏网关)错误
- AngularJS$http.post没有'不适用于Chrome,仅适用于IE
- 如何将多个onError函数分配给promise(由angular's$http.post返回)
- 如何将AJAX POST转换为HTTP POST,以便在单击时发布
- $http.post undefined 不是函数
- 在Selenium IDE中执行HTTP POST
- 从 Angular 数据工厂中的 HTTP POST 请求接收未定义的结果
- $http.post() angularjs 响应函数未按正确的顺序执行
- 索引未在 $http.post 查询中获取正确的值
- 在javascript中获取 http.post,然后发送响应
- Angular无法读取http post响应中的cookie
- Angular 2:实现HTTP POST请求
- Angular 2:HTTP Post Request,带有URL参数和正文类型参数
- angular.js$http.post将数据发送到Rails4
- Angular$http.post未到达服务器
- $timeout包装$http.post返回undefined而不是promise
- HTTP Post请求json数据更改
- 在Http Post上添加授权标头