用Flot绘制事件的图表持续时间

时间:2013-12-18 02:15:56

标签: javascript php flot

我正在尝试使用flot绘制某些​​内容的持续时间并遇到一些问题。在我的sql表中,我有两个日期时间列,我执行下面的选择,以获得它们之间的区别作为一个与flot一起使用的时间戳(我认为)

$p1Query = $db->rawQuery("SELECT AVG((synth.page2-synth.page1)) AS difference FROM (SELECT (UNIX_TIMESTAMP(pageoneloadtime))*1000 AS page1, (UNIX_TIMESTAMP(pagetwoloadtime))*1000 AS     page2 FROM usersession) synth");
$p1Average = floor($p1Query[0]['difference']);

我的图表的javascript部分看起来像这样。

var pageTimeData = [["Page 1",<?= $p1Average ?>],["Page 2",<?= $p2Average ?>],["Page 3",<?= $p3Average ?>],["Page 4",<?= $p4Average ?>]];
$.plot("#pageTimeChart", [ pageTimeData ], {
series: {
    bars: {
        show: true,
        barWidth: 0.6,
        align: "center"
    }
},
xaxis: {
    mode: "categories",
    tickLength: 0
},
yaxis: {
    mode: "time",
    timeformat: "%M:%S",
    minTickSize:[2,"seconds"]
}
});

但我无法弄清楚为什么我的图表没有显示任何条形图。我已经验证我已经加载了必要的javascript文件

1 个答案:

答案 0 :(得分:2)

我意识到这只是一种简单的类型。 minTickSize:[2,"seconds"]必须为minTickSize:[2,"second"]