javascript - 如何禁用 d3 折线图中 x 轴的数据排序？

Question

我想像这个例子一样显示折线图 link .我的数据json是这样的。

[
    {
       "timeStamp": "23:33:58",
        "usage": 90
    },
    {
        "timeStamp": "00:04:03",
        "usage": 94
    },
    {
        "timeStamp": "00:54:04",
        "usage": 82
    },
    {
        "timeStamp": "01:04:00",
        "usage": 100
    },
    {
        "timeStamp": "01:34:02",
        "usage": 97
    }
]

但是x轴不是从23:33:58开始的。它从00:00:00开始，意思是上午12点，并将其绘制到23:59:00。所以这不是我的要求。我想解决这个问题有问题请指导我。

Answer 1

你可以通过timestamp和日期来解决这个问题。然后识别日期和时间。这样就可以像这样解决它。在示例中解析时间戳是这样的。

var parsetime = d3.time.format("%Y-%m-%d %H:%M:%S").parse;

那么你的json格式时间戳会像这样改变

“时间戳”:“2011-01-01 23:33:58”

那么我认为你可以解决它。