Метки даты на оси X D3 отображаются в виде десятичных знаков.

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"})