Javascript 如何解析时间';HH:MM:SS';并在Chart.js中每分钟显示xAxis上的步骤
我已创建此图表:Javascript 如何解析时间';HH:MM:SS';并在Chart.js中每分钟显示xAxis上的步骤,javascript,charts,chart.js,Javascript,Charts,Chart.js,我已创建此图表: var chart = new Chart(ctx, { type: 'line', data: { labels: ['00:00:00', '00:03:00', '00:06:00', '00:09:00'], datasets: [{ label: 'somelab
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['00:00:00', '00:03:00', '00:06:00', '00:09:00'],
datasets: [{
label: 'somelabel',
data: [4333, 2344, 3343, 3444, 2123],
}]
},
options: {
}
});
如您所见,labels
包含一个数组,其中的字符串以X轴上的格式确定特定时间:HH:MM:SS
图表显示,现在我在xAxis上的步长与标签中的步长相同,但是我想在这个X轴上设置每分钟的步长,例如:00:00:00、00:01:00、00:02:00等,而不是00:00:00、'00:03:00、'00:06:00、'00:09:00
(我猜需要先解析date)好了,开始吧,接受注释中指定的两个参数,并假设运行的是一个合理的JS版本
function getTicks(startTime, count) {
let ticks = [],
date = startTime;
for (let x = 0; x < count; x++) {
let hours = date.getHours().toString(),
mins = date.getMinutes().toString(),
seconds = date.getSeconds().toString();
date = new Date(date.getTime() + 60000);
ticks.push(`${hours.padStart(2, '0')}:${mins.padStart(2, '0')}:${seconds.padStart(2, '0')}`);
}
return ticks;
}
函数getTicks(开始时间,计数){
让ticks=[],
日期=开始时间;
for(设x=0;x
您想要多少个标签?我在想一个需要启动时间和很多滴答声的函数……这可以很容易地写出来,比如说我想要60分钟。我的解决方案正确吗?