flot graph时间戳问题

时间:2013-10-22 12:40:25

标签: javascript jquery graph flot

我得到了一个显示我运行的测试套装的错误和通过的图表,现在他们得到了一个unix时间戳和一个包含通过/错误数量的int,我希望在几个月的时间段内显示趋势与错误。数据集如下所示:

var datasets = {
        "Pass": {
            label: "Pass",
            data: [[1382099410000, 4], [1382185810000, 0], [1382272210000, 7], [1382358610000, 2], [1382445010000, 4]]
        },
        "Bug": {
            label: "Bug",
            data: [[1382099410000, 0], [1382185810000, 1], [1382272210000, 5], [1382358610000, 0], [1382445010000, 0]]
        }
    };

他们在这个例子中使用了http://jsfiddle.net/2dHVY/5/我只覆盖了5天,但时间戳显示全部错误,日期显示为18/10 - 22/10但是grapsh不显示18:th和它显示重复,因为他们在同一天获得了完全相同的时间戳。

1 个答案:

答案 0 :(得分:2)

Flot正在使用它自己的内部算法在x轴上放置刻度。它根据图表的宽度将它们分开N距离。但是,您希望将时间视为类别(我每天都有一个数据点)。你的“重复”是一天开始时的一个点,一天结束时另一个点。

您有两种选择。 Hardcode your ticks您想要的地方:

xaxis: {
  mode: "time",
  color:"#299a0b",
  tickColor: "#fff",
  timeformat: "%y/%m/%d",
  ticks: [1382099410000,1382185810000,1382272210000,1382358610000,1382445010000]
}

或切换到xaxis类别。