Question

我有时间数据在y轴上绘制。所以数据集看起来像

x,y
ex.
2015-10-01,09:05,
2015-10-02,09:15,
2015-10-03,09:20,
...

需要将时间作为y轴。如何在jquery flot中绘制这个？

Answer 1

首先，您必须将数据转换为flot可理解的格式。为此，将您的日期转换为时间戳，将您的时间转换为小时数（例如09:15 - > 9.25小时）。然后在时间模式flot图表中显示此数据。转换代码可能如下所示：

var originalData = [
    ['2015-10-01', '09:05'],
    ['2015-10-02', '19:15'],
    ['2015-10-03', '09:20']
];

var data = [];

for (var i = 0; i < originalData.length; i++) {
    var dataPoint = [];
    dataPoint.push((new Date(originalData[i][0])).getTime());

    var time = originalData[i][1].split(':');
    var hours = parseInt(time[0], 10);
    var minutes = parseInt(time[1], 10);

    dataPoint.push(hours + minutes / 60);
    data.push(dataPoint);
}

data现在看起来像这样：

data = [
    [1443657600000, 9.08333333],
    [1443744000000, 19.25],
    [1443830400000, 9.33333333]
];

有关完整示例，请参阅此fiddle。

如何在jquery Flot Charts中绘制y轴的时间

1 个答案: