Question

我想要一个折线图，x轴是日期范围，2014年1月13日 - 2014年2月13日

我们是否可以使用flot graph（折线图）实现这一目标。

以下是我传递数据的方式

{
    "graph_data": [{
          "year": "2013",
          "data": [
            [1357065000000, 162.21],
            [1359743400000, 1742.14],
            [1362162600000, 1673.77],
            [1364841000000, 169.69],
            [1367433000000, 151.19],
            [1370111400000, 198.76],
            [1372703400000, 159.90],
            [1375381800000, 160.31],
            [1378060200000, 174.81],
            [1380652200000, 1746.58],
            [1383330600000, 171.64],
            [1385922600000, ""]
        ]
    }]
}

Answer 1

在绘图选项的xaxis部分中，您可以为x轴添加最小值和最大值。但是你必须将这些作为javascript时间戳给出，如documentation中所述。

您可以使用new Date()和getTime()方法获取特定日期的时间戳：

(new Date(2013, 0, 13)).getTime()

此示例为您提供2013年1月13日的时间戳（月份从1月开始为零）。

最小值和最大值的完整代码是：

    xaxis: {
        min: (new Date(2013, 0, 13)).getTime(),
        max: (new Date(2013, 1, 13)).getTime(),
        mode: "time",
        timeformat: "%m/%d/%y",
        minTickSize: [1, "day"]
    },

有关完整的工作示例，请参阅此fiddle。（我使用了2013年的日期，因为2014年没有数据。）

我们可以在flot graph时间序列图表中指定日期范围吗？

1 个答案: