【问题标题】:Flot time series not drawing line浮动时间序列不画线
【发布时间】:2015-10-05 05:08:47
【问题描述】:

我正在尝试使用过去 24 小时的时间戳(绘制每 1 小时间隔的数据)绘制折线图,​​以显示浮点数的递减和递增值。当我设置我的 minTickSize、min 和 max 值时,线条不再绘图。

完整代码(也在这个fiddle):

$(function () {

    var d = [
        [1443903422000, 4994],
        [1443903429000, 4993],
        [1443910918000, 4999]
    ];
    var epochT = (new Date).getTime(); // time right now in js epoch

    $.plot("#placeholder", [d], {
        xaxis: {
            mode: "time",
            timeformat: "%I:%M",
            minTickSize: [1, "hour"],
            min: epochT - 2 * 86400000,
            max: epochT,
            timezone: "browser",
        },
        series: {
            lines: {
                show: true
            },
            points: {
                show: true
            },
        },
        grid: {
            hoverable: true,
            clickable: true,
        },
    });
});

谁能指出我解决这个问题的正确方向?

【问题讨论】:

    标签: javascript jquery flot


    【解决方案1】:

    Yout 时间戳以秒为单位,而不是 JavaScript 需要的微秒(请参阅文档中的 here)。乘以千(并移动最小值,因为它已经切断了图表)导致updated fiddle version

    对代码的更改:

    var d = [[1443903422000,4994], [1443903429000,4993], [1443910918000,4999]];
    
    min: epochT - 2*86400000,
    

    【讨论】:

    • 啊,看来我链接到了错误的 JSFiddle。我更新了链接。我尝试添加 min/max/minTickSize 并无济于事。谢谢!
    • 是的,就是这样!我假设我正在使用秒而不是微秒。我犯了一个如此愚蠢的错误,感谢您将我指向文档!感谢您的帮助!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-27
    • 1970-01-01
    • 2019-03-16
    • 1970-01-01
    相关资源
    最近更新 更多