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

d3 x-axis with one incorrect value

本文关键字：不正确 有一个 d3      更新时间：2023-09-26

我正在使用d3创建一个多系列折线图。这很好，没有任何错误，只是x轴上的一个标签完全不正确。

我想这可能与我如何解析日期有关；例如"12:00"=>下午12点

var parseTime = d3.time.format("%H:00").parse;

但"00:00"变为"1900"。

请参阅jsfiddlehttp://jsfiddle.net/cjNZ6/.

这是因为D3默认使用多尺度时间格式。你没有在日期中指定年份，所以假设是1900年。

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

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

在此处完成演示。

相关文章：