如何在D3折线图中禁用X轴上的排序数据

how to disable sorting data in x axis in d3 line chart?

本文关键字：数据 排序 D3 折线图      更新时间：2023-09-26

我想显示像此示例链接这样的折线图.my data 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.00 AM，并将其绘制到 23：59：00.所以这不是我的要求.我想解决这个问题请指导我。

你可以传递带有日期timestamp，你可以解决这个问题。然后确定日期，time.so 可以像这样的示例解析时间戳 this.in 解决它。

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

然后你的 JSON 格式时间戳会像这样更改

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

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

相关文章：