为什么D3轴上的标签不一致(例如月,日)?

时间:2014-11-09 18:35:22

标签: javascript d3.js

我正在尝试创建一个具有时间刻度的D3 X轴。

x轴标签出现不一致:

Sat 09 Aug 10 Mon 11 Tue 12 Wed 13 Thu 14 Fri 15 Sat 16 Aug 17

我已将我的代码放在这个小提琴中来说明: http://jsfiddle.net/vh343kmc/2/

我认为这是时间格式问题,但我不确定。什么是错的?

1 个答案:

答案 0 :(得分:2)

你写好了格式,但是你需要告诉你xAxis使用它:

var xAxis = d3.svg.axis()
    .scale(x)
    .tickSize(1)
    .tickFormat(format) // <------ add this line
    .orient("bottom");

这是轴将改变的内容。 (请注意,由于尺寸限制,您可能需要调整绘制轴的方式。)

updated axis