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

Question

正如标题所说，当我期待类似的东西时，我的标签显示为小数June 6 2020。

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

链接到 JSFiddle

编辑：经过一番谷歌搜索后终于找到了解决方案。如果有人遇到同样的问题，您首先需要将日期作为字符串传递，然后使用 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"})

标签： javascriptd3.js