【问题标题】:flot graphs timestamp problems浮点图时间戳问题
【发布时间】:2013-10-22 12:40:25
【问题描述】:

我得到了一个图表,显示了我运行的测试套件的错误和通过次数,现在他们得到了一个 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 它显示即使他们在同一天获得完全相同的时间戳,也会重复。

【问题讨论】:

    标签: javascript jquery graph flot


    【解决方案1】:

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

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

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

    或者切换到 xaxis 类别。

    【讨论】:

    • 正是我正在寻找的,它是类别:D
    猜你喜欢
    • 2011-03-16
    • 1970-01-01
    • 2017-04-02
    • 2010-11-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多