javascript - 浮图时间戳问题

标签 javascript jquery graph flot

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

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 并且它显示重复的 eaven 虽然他们得到了完全相同的相同时间戳一天。

最佳答案

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

您有两个选择。 Hardcode your ticks你想要它们的地方:

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

或者切换到类别 xaxis。

关于javascript - 浮图时间戳问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19518155/

相关文章:

javascript - jQuery 树遍历获取不是父元素的元素?

JavaScript 表单验证

javascript - jQuery - 光标后面的文本

javascript - 如何在较小的设备上停止 WOW JS + CSS 动画?

Javascript + 区分用户点击和从函数发送的点击

java - 添加颜色到自定义边缘

java - 处理 - 如何绘制 x/y 轴大于窗口宽度/高度的散点图

使用 BuckleScript 的 ReasonML 中的 JavaScript 构造函数行为

javascript - 在javascript中从数组中获取随机X个项目

iphone - 适用于 iPhone 和 iPad 的最佳图形和图表库是什么?