使用Flot、JSON和MySQL的X轴日期格式
X axis date format using Flot, JSON, and MySQL
我通常会把头靠在墙上,直到我能利用互联网的集体智慧解决问题,但这次我被难住了。我希望有人能指出我在一夜徒劳的努力中犯下的愚蠢错误。
我正在尝试使用Flotr使用MySQL数据库中的数据生成一个图。我已经弄清楚了,但我似乎无法格式化x轴以实时显示。我可以毫不费力地获得13位UNIX时间*1000,但当我尝试将mode:"time"参数添加到$.plot语句中时,我得到的只是一个空白图。我浏览器中的源代码看起来与我从Flotr示例中获得的代码大致相同。下面是我的PHP数据库查询:
# issue statement
$stmt = "SELECT T41,(UNIX_TIMESTAMP(tstamp)*1000) AS tstamp "
. " FROM tempLogExp ORDER BY tstamp DESC LIMIT 1440";
$sth = $dbh->query ($stmt);
while ($row = $sth->fetch (PDO::FETCH_BOTH))
{
$dServer[]=array(floatval($row['tstamp']),floatval($row['T41']));
}
$dbh = NULL; # close connection
?>
我的Javascript是这样的:
$(function() {
var d2 = <?php echo json_encode($dServer); ?>;
$.plot("#placeholder", [d2], {
xaxis: {
mode: "time"
}
});
// Add the Flot version string to the footer
$("#footer").prepend("Flot " + $.plot.version + " – ");
});
注释掉"mode:"time"行将使其生成一个图形,但如果不注释该行,如上所述,我只得到一个杂色矩形。
我正试图从一些数据记录器中绘制出24小时的数据。如果能帮助我克服这个障碍,我将不胜感激。
谢谢,
Frank
我最终阅读了Flot文档,发现我忽略了"mode:"time"选项所需的一个插件。包括"jquery.flot.time.js"解决了我的问题。
相关文章:
- Javascript日期格式类似于ISO,但本地
- NodeJS日期格式不起作用
- 将客户端特定的日期格式返回到服务器MVC4
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 将Javascript日期转换为ASP.NET日期格式
- 在达到状态之前在Redux Reducer中设置日期格式
- 如何从Angularjs中的新日期获取日期格式
- 如何使用jquery更改为所需的日期格式
- keith wood日期选择器日期格式和语言
- Dygraph更改日期格式
- 确定Twig(或JavaScript)中的国际日期格式,以便在其他地方使用
- javascript和jquery日期格式转换
- 用javascript将日期格式从d/m/yyyy转换为yyyy-mm-dd
- 在Datepicker中将日期格式更改为yyyy-mm-dd
- 在Karma Jasmine单元测试用例中检查日期格式
- 使用不同的日期格式和区域设置创建时刻
- 更改日期选择器上的日期格式
- 以日期计算的天数更改日期格式
- 带有onchange的日期格式
- 如何从区域设置获取日期格式