Javascript 使用jQuery Flot从MySQL数据库绘制数据
我试图用一个图形显示从mysql数据库生成的注册数据。数据的格式似乎正确,但数据没有打印出来。请注意,我使用的是CodeIgniter PHP: 如果我手动硬编码数据,一切都会正常工作,但如果我通过ajax获取数据,一切都不会正常工作 这是console.log(jsonData)产生的结果:Javascript 使用jQuery Flot从MySQL数据库绘制数据,javascript,jquery,codeigniter,charts,flot,Javascript,Jquery,Codeigniter,Charts,Flot,我试图用一个图形显示从mysql数据库生成的注册数据。数据的格式似乎正确,但数据没有打印出来。请注意,我使用的是CodeIgniter PHP: 如果我手动硬编码数据,一切都会正常工作,但如果我通过ajax获取数据,一切都不会正常工作 这是console.log(jsonData)产生的结果: [["Dec 5",0],["Dec 4",0],["Dec 3",0],["Dec 2",0],["Dec 1",0],["Nov 30",0],["Nov 29",0],["Nov 28",0],["
[["Dec 5",0],["Dec 4",0],["Dec 3",0],["Dec 2",0],["Dec 1",0],["Nov 30",0],["Nov 29",0],["Nov 28",0],["Nov 27",0],["Nov 26",0],["Nov 25",0],["Nov 24",0],["Nov 23",0],["Nov 22",0],["Nov 21",0],["Nov 20",0],["Nov 19",0],["Nov 18",0],["Nov 17",0],["Nov 16",0],["Nov 15",0],["Nov 14",0],["Nov 13",0],["Nov 12",0],["Nov 11",0],["Nov 10",0],["Nov 9",1],["Nov 8",0],["Nov 7",0],["Nov 6",0]]
我试着不写日期,只写一个简单的数字,但没有效果
谢谢你对于我来说,你正在尝试在获得数据之前绘制数据。我可以看到您正在使用“async:false”等待加载数据,我宁愿使用默认的“true”选项,并将绘图函数放置在$.ajax的“success”回调中
var jsonData = $.ajax({
url: default_url+"admin/graph_registrations",
dataType:"json",
async: false
}).responseText;
console.log(jsonData);
var graphData = [{
// Visits
data: jsonData,
color: '#71c73e',
points: { radius: 4, fillColor: '#71c73e' }
}
];
// Lines
$.plot($('#graph-lines'), graphData, {
series: {
points: {
show: true,
radius: 5
},
lines: {
show: true
},
shadowSize: 0
},
grid: {
color: '#646464',
borderColor: 'transparent',
borderWidth: 20,
hoverable: true
},
xaxis: {
tickColor: 'transparent',
tickDecimals: 2
},
yaxis: {
tickSize: 1000
}
});
[["Dec 5",0],["Dec 4",0],["Dec 3",0],["Dec 2",0],["Dec 1",0],["Nov 30",0],["Nov 29",0],["Nov 28",0],["Nov 27",0],["Nov 26",0],["Nov 25",0],["Nov 24",0],["Nov 23",0],["Nov 22",0],["Nov 21",0],["Nov 20",0],["Nov 19",0],["Nov 18",0],["Nov 17",0],["Nov 16",0],["Nov 15",0],["Nov 14",0],["Nov 13",0],["Nov 12",0],["Nov 11",0],["Nov 10",0],["Nov 9",1],["Nov 8",0],["Nov 7",0],["Nov 6",0]]