D3js,时间轴标签的特定格式

D3js, particular format for Time axis labels

本文关键字:定格 格式 标签 时间 D3js      更新时间:2023-09-26

我对D3不是很流利,需要制作特定类型的时间轴标签。我将时间戳数据作为X轴,并且需要轴来指示年,月,日,然后小时。如果包括午夜,则尽可能再次月和日(不含年份),或再次年+月+日。

我在图表上描述的事件持续一天或几天,因此刻度以半小时的间隔进行。然而,正如我上面所说,我需要在图表的开头和所有午夜指示日期。

到目前为止,我尝试了类似的东西

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom").tickFormat(d3.time.format("%Y %M %d %H"));

但没有明显的结果(我仍然只有几个小时)。

如果你能为它创建一个简单的小提琴,那就更好了。

根据维基,年,月,日+小时应为:

d3.time.format("%Y/%m/%d %H")

维基