Question

我正在尝试绘制线图，使用过去24小时的时间戳（每1小时间隔绘制数据），以显示flot中递减和增加的值。当我设置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,
        },
    });
});

有人能指出我正确的方向来解决这个问题吗？

Answer 1

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

您的代码更改：

var d = [[1443903422000,4994], [1443903429000,4993], [1443910918000,4999]];

min: epochT - 2*86400000,

绘制时间序列不绘制线

1 个答案: