时间戳

首页 > 解决方案 > D3：从时间到日期更改时间线（d3-时间线插件）

javascript - D3：从时间到日期更改时间线（d3-时间线插件）

问题描述

我对 D3 有点陌生。我尝试使用完美的 d3-timeline 插件（ https://github.com/denisemauldin/d3-timeline ）创建一个简单的时间线（实际上是日期线）。现在我尝试不时更改示例。在示例代码中，他们使用以下数据：

var testData = [
    {times: [{"starting_time": 1355752800000, "ending_time": 1355759900000}, {"starting_time": 1355767900000, "ending_time": 1355774400000}]},
    {times: [{"starting_time": 1355759910000, "ending_time": 1355761900000}, ]},
    {times: [{"starting_time": "1355759910000", "ending_time": "1355761900000"}]}
      ];

我将其更改为：

var testData = [
        {times: [{"starting_time": "01-01-2001", "ending_time": "01-01-2002"}]},
        {times: [{"starting_time": "01-01-2020", "ending_time": "01-01-2021"}]}
      ];

显然，默认情况下这不起作用，因为插件是基于时间的。

我尝试了很多改变，比如刻度格式和轴的计算，但是由于我缺乏知识，我认为我让事情变得更糟而不是更好。

有人可以帮我吗？

标签： javascriptd3.js

解决方案

推荐阅读