Javascript d3 x轴有一个不正确的值

我正在使用d3创建一个多系列折线图。这是伟大的工作没有错误，除了一个标签上的x轴是完全不正确的

我想这可能与我如何解析日期有关；e、 g.“12:00”=>下午12点

但是“00:00”变成了“1900”

请查看位于的JSFIDLE。

这是因为D3默认使用的。您没有在日期中指定年份，因此它假定为1900年

要修复此问题，只需显式指定勾号格式：

var xAxis = d3.svg.axis()
  .scale(x)
  .tickFormat(d3.time.format("%I %p"))
  .orient("bottom");

完成演示

var xAxis = d3.svg.axis()
  .scale(x)
  .tickFormat(d3.time.format("%I %p"))
  .orient("bottom");