Дата FNS Модуль диаграммы JS Оси отображается неправильно ⇐ Javascript

[Anonymous]

Это моя диаграмма < /p>
Вот мой код, который я использую модуль Date-fns с диаграммой JS, ось X не отображается несколько месяцев, а интервал между стержнями также является Странно от центра .:
var expenseChartElement = document.getElementById('expenseGraph')

const rawExpense= JSON.parse('{{user["expenses"] | tojson}}')

// console.log(data["income1"]["amt"])
const dates = []

for (let expense in rawExpense){
let parsedDate = new Date(rawExpense[expense]["date"]); // Ensure correct date parsing
dates.push({ x: parsedDate, y: parseFloat(rawExpense[expense]["amt"]) });
}

console.log(dates)

const data = {
datasets : [{
label:"Expense Amount $",
data : dates,
backgroundColor:'rgba(54, 162, 235, 0.6)',
}]

}

const config = {
type:'bar',
data,
options: {
scales:{
x:{
type:'time',
time : {
unit : 'week'
},

},
y:{
beginAtZero:true
}
}
}
};

expenseGraph = new Chart(expenseChartElement,config)
< /code>
Я попытался компенсировать часовой пояс, все в правильном формате, но ничего не работает. Пожалуйста, помогите. Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/794 ... improperly