Javascript 如何在chart.js上设置时间刻度X轴的正确小时刻度
我对chart.js(2.8.0)有一个问题。也许我做错了什么,但我找不到自己 我想在时间刻度X轴上设置小时刻度,并将Javascript 如何在chart.js上设置时间刻度X轴的正确小时刻度,javascript,chart.js2,Javascript,Chart.js2,我对chart.js(2.8.0)有一个问题。也许我做错了什么,但我找不到自己 我想在时间刻度X轴上设置小时刻度,并将时间设置为 unit: 'hour', displayFormats: { hour: 'HH:MM'} 我希望有x轴刻度,比如18:00,19:00,20:00。。。 然而我得到的是18:01,19:01,20:01 我如何更正和删除这额外的一分钟 我的html文件如下所示: <!DOCTYPE html> <html> <head>
时间设置为
unit: 'hour',
displayFormats: { hour: 'HH:MM'}
我希望有x轴刻度,比如18:00,19:00,20:00。。。
然而我得到的是18:01,19:01,20:01
我如何更正和删除这额外的一分钟
我的html文件如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/moment@2.24.0/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0/dist/Chart.min.js"></script>
</head>
<body>
<div id="canvas-container" style="width: 400px">
<canvas id="myCanvas" width="400" height="400"></canvas>
</div>
<script src="script.js"></script>
</body>
</html>
var ctx = document.getElementById('myCanvas').getContext('2d');
var myData = {
type: 'line',
data: {
datasets: [{
data: [
{x:'2019-01-01 18:20', y:20},
{x:'2019-01-01 19:50', y:45},
{x:'2019-01-01 21:15', y:25},
{x:'2019-01-01 21:45', y:30}
]
}]
},
options: {
scales: {
xAxes: [{
type: 'time',
position: 'bottom',
time: {
unit: 'hour',
displayFormats: {
hour: 'HH:MM'
},
min: '2019-01-01 18:00',
max: '2019-01-01 22:00'
},
}],
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
};
var myChart = new Chart(ctx, myData);
不要为问题添加答案,将其添加为自答。简单的查找会告诉您日期/时间格式区分大小写,MM
表示月份,而不是分钟。谢谢。HH:MM应该是HH:MM。这就解决了问题。