Json 什么';我的FLOT数据有什么问题?
我的PHP工作正常,似乎正在为FLOT返回正确的JSON数据,但仍然得到一个空白图表:-/ 以下是PHP:Json 什么';我的FLOT数据有什么问题?,json,flot,Json,Flot,我的PHP工作正常,似乎正在为FLOT返回正确的JSON数据,但仍然得到一个空白图表:-/ 以下是PHP: foreach($result as $row) { //or whatever $dataset1[] = array((int) $row['INDX'], (int) $row['RUNTIME'] ); } echo json_encode($dataset1); 下面是它返回的JSON示例: [312303]、[1135697]、[2014485]、[1514404]、[192
foreach($result as $row) { //or whatever
$dataset1[] = array((int) $row['INDX'], (int) $row['RUNTIME'] );
}
echo json_encode($dataset1);
下面是它返回的JSON示例:
[312303]、[1135697]、[2014485]、[1514404]、[1922668]、[841082]、[136003]、[683628]、[122115]]
下面是要绘制的函数:
$(function () {
$.plot($("#dashboard_div"), apudata);
console.log(apudata);
});
控制台日志显示格式正确的JSON,如上所述。我可以将控制台日志剪切并粘贴到该函数的文本变量中,它可以工作,但将JSON作为变量传递则不行
想法?帮助?尝试使用下面的代码。将1000(ms)间隔设置为希望图形更新的频率。这是我之前在评论中发表的一篇文章中的代码(编辑得很简单)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>AJAX FLOT</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="../../jquery.flot.time.js"></script>
</head>
<body>
<div id="placeholder" style="width: 100%;height: 600px;"></div>
<div id="div" style="width: 100%; height: 100px;"></div>
<script type="text/javascript">
var options = {
lines: {
show: true
},
points: {
show: true
},
xaxis: {
mode: "time"
}
};
window.setInterval(function(){
$.getJSON('http://localhost/data.php', function (csv) {
dataOne = csv;
var plot = $.plot($('#placeholder'), [dataOne], options);
});
}, 1000);
</script>
</html>
阿贾克斯弗洛特
变量选项={
线路:{
秀:真的
},
要点:{
秀:真的
},
xaxis:{
模式:“时间”
}
};
setInterval(函数(){
$.getJSON('http://localhost/data.php,函数(csv){
dataOne=csv;
变量绘图=$.plot($('#占位符'),[dataOne],选项);
});
}, 1000);
不确定这是否重要,但flot文档说只需将选择器作为字符串传递给$.plot()
,而不是jQuery对象。所以不是
$.plot($('#dashboard_div'), apudata);
试一试
如何将apudata转换成JavaScript?ajax:var apudata=$.ajax({url:“php/chartjs.php”,dataType:“json”,async:false});这是我工作的时候。如果您的Json格式正确,只需使用Ajax方法获取数据即可。我到家后会写一个恰当的答案。谢谢,但没有乐趣-/我已经更新了代码,但我所做的只是将dataOne包装在方括号中。
$.plot('#dashboard_div', apudata);