Я пытаюсь использовать Chart.js 3.3.2 для отображения линейного графика с равноотстоящая ось даты x. Например, они приводят здесь.
Я не могу заставить работать простую версию этого примера (см. фрагмент ниже), так как он выводит ошибку:
Ошибка: этот метод не реализован: убедитесь, что предоставлен полный адаптер даты.
Я не пытался реализовать весь пример, поскольку он зависит от внешних функций и значений.
Я давно задавал аналогичный вопрос (Chart.js создает линейный график, используя даты), но, перечитав ответы там, это мне не помогло (в частности, большинство ответов здесь также сосредоточены на Chart.js 2, а не 3).
Я был бы очень признателен за любую помощь здесь (мне трудно понять документацию здесь).
const data = {
labels: [
new Date(86400000), // Day 1
new Date(2*86400000), // Day 2
new Date(3*86400000), // Day 3
new Date(4*86400000), // Day 4
new Date(6*86400000), // Day 6
new Date(7*86400000), // Day 7
new Date(13*86400000) // Day 13
],
datasets: [{
label: 'My First dataset',
data: [1,3,4,5,6,7,8]
}]
};
const config = {
type: 'line',
data: data,
options: {
scales: {
x: {
type: 'time'
}
}
}
};
let ctx = document.querySelector("canvas").getContext("2d");
let chart = new Chart(ctx,config);<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.3.2/chart.min.js"></script>
</head>
<body>
<canvas></canvas>
<script src="script.js"></script>
</body>
</html>
