javascript - Flot 错误地解释了时间戳 : displays different hours as same hour

Question

这个问题已经有答案了:

flot display the date in flot based on timestamp (4 个回答)

已关闭 7 年前。

我的图表上有以下几点:

data = [
            [1450825200, 3],
            [1450828800, 9],
            [1450832400, 8],
            [1450836000, 7],
            [1450839600, 6]
        ];

第一个值 (data[0][0])是时间戳，第二个 (data[0][1])是点击量。根据this converter ，在我的时区 GMT+1:00，第一个 1450825200等于当前日期和 12:00 AM，数组中的下一个时间戳 ( 1450828800 ) 为下午 1:00，第三个为下午 2:00，依此类推。

但根据 fllotcharts，我所有的时间戳都代表晚上 7 点。当我将鼠标悬停在点上时，每个点都显示 19:00，而我的 x 轴消失了(因为 tickSize 设置为 1 小时并且没有其他时间)。

我用这种方式初始化图表:

$.plot('#graphDashboard', dataSet, // dataSet[0] contains data example I've shown above
        {
            plot: true,
            xaxes: [{
                mode: "time", timeformat: "%H:%M",
                tickSize: [1, "hour"]
            }],
            yaxes: [{
                position: 'left',
                tickFormatter: function (val, axis) {
                    return val.toLocaleString();
                }
            },
                {
                    position: 'left',
                    autoscaleMargin: 0.2,
                    tickFormatter: function (val, axis) {
                        return val.toLocaleString();
                    }
                }
            ],
            tooltipOpts: {
                content: "%s (%x, %y)",
                shifts: {
                    x: -100,
                    y: -50
                },
                dateFormat: "%H:%M",
                defaultTheme: false
            },
            series: {
                stack: false,
                lines: {
                    show: true,
                    fill: false
                }
            },
            legend: {
                show: false
            }
        });

Answer 1

Flot time plugin基于 Javascript 时间戳。 Javascript 时间戳是自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。您需要将时间戳(当前以秒为单位)乘以 1000 才能正确显示所有内容。