Javascript x轴上的D3刻度错误

我试过一些东西，但记号和日期的格式仍然错误。在其他图表上，我有它正在工作，但不是在这个。如何将日期和记号放在适当的位置

下面是我的代码：

以下是勾号格式的代码：

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom").ticks(coverageArr.length).tickFormat(d3.time.format("%Y-%m-%d"));

---

通常在制作时间刻度时，您会使用，而不是顺序刻度

使用时间刻度显示时间轴

通过时间刻度，可以直接指定要为记号指定的步长。通过将d3持续时间和时间间隔传递给axis的.ticks（）方法，可以实现这一点。像这样：

var xAxis = d3.svg.axis()
 .scale(x)
 .orient("bottom")
 .ticks(d3.time.day, 4)

您将得到以下结果：

你可以找到更多关于时间间隔的信息

使用顺序刻度显示时间轴

var tickValues = [];
for(i = 0; i < coverageArr.length; i++) {
  tickValues.push(coverageArr[i][0]);
}
var x = d3.scale.ordinal().domain(tickValues).rangeRoundBands([0, width], 1)

var-tickValues=[]；
对于（i=0；i

结果如下：