如何在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格式时间戳就像这样改变

"timeStamp": "2011-01-01 23:33:58"

然后我认为你可以解决它。