使高图表成为动态数据驱动
使高图表成为动态数据驱动
提问于 2017-04-11 20:08:53
我有一个问题，把我的高图表栏标记为一个动态数据从我的数据库。我想做一个动态数据在X轴和系列部分的高图表.
这里有一个数据库输出为数月的查询，我想要的是将这些数据放到我的高图表类别中，我的查询结果是一个JSON对象：
[{"datemonths":"February"},{"datemonths":"April"}]这就是我所做的，或者我试图让它变得动态，但听起来像是错误吗？
xAxis: {
$.ajax({
url: siteurl+"patients_report/bardata_date",
type: "POST",
dataType: "JSON",
success:function(data) {
alert(data);
}
});
},以下是将遵循的高海图数据格式：
// Highcharts.chart('container', {
// chart: {
// type: 'bar'
// },
// title: {
// text: ''
// },
// xAxis: {
// categories: ['January', 'February', 'March', 'April', 'May', 'June']
// },
// yAxis: {
// min: 0,
// title: {
// text: 'Detailed patient per clinic'
// }
// },
// legend: {
// reversed: true
// },
// plotOptions: {
// series: {
// stacking: 'normal'
// }
// },
// series: [{
// name: 'John',
// data: [5, 3, 4, 7, 3, 2]
// }, {
// name: 'Jane',
// data: [2, 2, 3, 2, 4, 2]
// }, {
// name: 'Joe',
// data: [3, 4, 4, 2, 1, 3]
// }]
// });回答 1
Stack Overflow用户
回答已采纳
发布于 2017-04-11 23:54:18
您不能通过ajax加载类别，您可以做的是将您的json进程放入xaxis类别所期望的数组中，并创建一个加载图表的函数，然后在ajax成功时调用该函数。
$.ajax({
url: "",
type: "POST",
dataType: "JSON",
success: function(data) {
var categories = new Array();
for (var i in data) {
categories.push(data[i]["datemonths"]);
}
loadChart(categories);
}
});
function loadChart(categories) {
Highcharts.chart('container', {
...
xAxis: {
categories: categories
},
...
});
}http://jsfiddle.net/gbdfL4ra/1/，您必须单击run才能看到结果
我必须重写发送回ajax调用的数据对象，因为我无法访问您的url
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43360124
复制相关文章
相似问题
JQUERY Toggle和Ajax
将Toggle和Click函数与JQuery相结合
jQuery Toggle div和类
Jquery菜单和Logo Toggle
jQuery toggle()；
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
