Chart.js duplicated xAxisKey data

[yacine-karim]

Why Chart Js is displaying the chart like this, the data is duplicated

Code:

ctx = document.getElementById('ChartData').getContext('2d');
myChart = new Chart(ctx, {
	type: 'bar',
	data: {
		datasets: [{
			label: "NZZZZZ",
			data: notes,
			backgroundColor: 'rgba(255, 99, 132, 0.2)',
			borderColor: 'rgba(255, 99, 132, 1)',
			borderWidth: 1,
			parsing: {
				xAxisKey: 'date',
				yAxisKey: 'test.note'
			}
		},
		{
			label: "NZZZZZ11",
			data: notes,
			backgroundColor: 'rgba(255, 99, 134, 0.2)',
			borderColor: 'rgba(255, 99, 134, 1)',
			borderWidth: 1
		}]
	},
	options: {
		parsing: {
				xAxisKey: 'date',
				yAxisKey: 'formation.note'
			},
		plugins: {
			legend: {
				onClick: null
			}
		},
		scales: {
			y: {
				beginAtZero: true,
				min: 0,
				max: 10,
				ticks: {
					stepSize: 1
				}
			}
		}
	}
});```

[LeeLenaleee]

Because you have 2 datasets with the same data