D3 x轴日期标签显示为小数

Question

正如标题所述，当我期望像June 6 2020之类的标签时，我的标签显示为小数。

我尝试输入xAxis.tickFormat(d3.format("d"))，尽管它确实显示为月份，但它们是错误的月份。我还尝试将数据日期实例化为new Date(2020-04-06)而不是仅实例化2020-04-06，但仍然无济于事。有什么我想念的吗？

Link to JSFiddle

编辑：在进行更多谷歌搜索之后，最终found the solution。如果有人遇到同样的问题，您首先需要将日期作为字符串传递，然后使用D3对其进行格式化，如下所示：

var dataRaw = [
         {'date': '2020-06-01', 'value': 0'},
    ]
dataRaw.forEach(function(d){
    d.date = d3.timeParse("%Y-%m-%d")(d.date)
})
var data = Object.assign(dataRaw.map(({date, value}) => ({date, value})), {y: "₱ Portfolio Value"})