Vis.js/MMoment.js-时间轴标签



vis.js时间线的标签格式有问题。我想显示一个1小时30分钟的excat时间段,标签应该只显示经过的分钟和秒数。

我配置了这样的选项:

let options = {
autoResize: true,
min: '2000-1-1 00:00:00',
max: '2000-1-1 01:30:00',
start: '2000-1-1 00:00:00',
end: '2000-1-1 01:30:00',
//zoomMax: 86399999,
zoomMin: 18000,
format: {
minorLabels: {
millisecond: '',
second:     'mm:ss',
minute:     'mm:ss',
hour:       'mm:ss',
weekday:    '',
day:        '',
week:       '',
month:      '',
year:       ''
},
majorLabels: {
millisecond:'',
second:     '',
minute:     '',
hour:       '',
weekday:    '',
day:        '',
week:       '',
month:      '',
year:       ''
}
}
};

据我所知,vis.js调用了moment.js中的moment((.format((函数的标签(秒、分钟、小时等(。在moment.jss格式中,有没有可能以一种简单的方式将小时(H(乘以60的量添加到分钟(mm(值中?

在我当前的配置中,它在60分钟后00分钟重新启动:时间轴

(是的,我正在为足球申请(

在文档中,您可以通过以下功能找到自定义日期格式的选项:

您还可以为每个标签使用函数格式。该函数接受日期、小数位数和步长作为参数,并期望返回标签的字符串。

下面可以找到转换为分钟的时间:

format: {
minorLabels: function (date, scale, step) { 
var time = date.format("HH:mm");
return moment.duration(time).asMinutes();
},
majorLabels: function (date, scale, step) { return "" }
}

JSFiddle与示例

最新更新