Неправильная временная диаграмма Chart.js
Я пытаюсь создать временную диаграмму с некоторыми положительными значениями и некоторыми отрицательными. Я пытаюсь добиться чего-то подобного. Проблема возникает, когда я устанавливаю тип диаграммы xAxes как время.
Но я получаю
Пример скрипки здесь с конфигурациями диаграмм.
xAxes: [{
type: 'time',
unitStepSize: 1,
time: {
'unit': 'day'
},
displayFormats: {
'day': 'MMM DD'
},
distribution: 'series',
gridLines: {
display: true,
drawBorder: true,
drawOnChartArea: true,
tickMarkLength: 15
}
}],
Да, вы можете увидеть конфигурации диаграммы со значениями в моей приложенной скрипке.
Я вижу, как график трансформируется при изменении значения внутри data [], убедитесь, что значения на графике 1 соответствуют графику 2
значения такие же. проверил. скрипт правильного графика jsfiddle.net/dilani_m/r2g6wdae
вы не показываете значения верхнего изображения
Ответы 1
Временные ряды были в неправильном порядке. Поскольку это временная диаграмма, метки должны располагаться в порядке возрастания или убывания.
изменение времени на следующий порядок устранило проблему
data: {
labels: [
"2018-12-04 00:00:14.000000"
"2018-12-05 11:45:14.000000",
"2018-12-05 12:00:14.000000",
"2018-12-05 13:00:15.000000",
"2018-12-05 14:00:14.000000",
],
вы дважды проверяли значения осей x, y?