时间序列没有绘制线

Flot time series not drawing line

本文关键字：绘制 时间序列      更新时间：2023-09-26

我试图绘制一个线形图，使用过去24小时的时间戳(为每1小时间隔绘制数据)，以显示流量中的减少和增加值。当我设置minTickSize, min和max值时，这条线不再绘图。

完整代码(也在本文档中):

$(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需要的那样以微秒为单位(请参阅这里的文档)。乘以一千(并移动最小值，因为它已经切断了图表)导致这个更新的小提琴版本。

修改你的代码:

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