javascript - 我在 d3 中使用 scaleTime() 函数输入日期的方式有什么问题？

Question

我正在使用 D3、Javascript、HTML 和函数 d3.scaleTime()

我在 d3 中使用scaleTime()函数输入日期的方式有什么问题？

我目前正在尝试使用 d3.scaleTime() 基于时间创建 x 轴。然而，每当我将时间数据输入到scaleTime.domain()时，我的轴上就不会显示任何数据。我得到一个空白轴。

我认为我的错误来自的代码部分在这里:

let timeData = ["2020-10-05", "2000-10-04"]

d3.scaleTime()
.domain( [timeData[0], timeData[1] ) 
.range( [0,400] )

我尝试将 timeData 更改为 [2020-10-05, 2000-10-04]不过，我随后在轴上得到了小数点。

感谢任何帮助

Answer 1

您需要在scaleTime上以日期格式传递最小值和最大值。

d3.scaleTime()
.domain( new Date(timeData[0]), new Date(timeData[1]) ) 
.range( [0,400] )

另请注意，最小值小于最大值。

它不起作用的原因是它将它们视为字符串值。