如何使用vis.js

时间:2016-01-13 06:42:38

标签: javascript format countdown timeline vis.js

我使用vis.js绘制时间轴。对于项目请求,我必须自定义时间轴格式以当前时间倒计时,单位为mm:ss。 原始时间轴标签格式为: oringial format

我想像这样改变时间轴 enter image description here

例如:当前时间是11:20。下一个间隔11:25应改为当前时间的倒计时,即5分钟(标签应显示05:00,格式为mm:ss)。 11:30改为10:00,11:35改为15:00等 如果倒计时超过60分钟,格式应自动更改为HH:mm:ss。如果缩小到天数间隔,将自动显示倒计时天数。

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:2)

这不是您可以在时间轴中配置的内容。您可以自定义格式化时间的方式,但不能显示不同的时间。

要解决此问题,您需要覆盖时间轴的某些方法,但我认为在这种情况下并不复杂。基本上,您必须使用自己的实现覆盖以下两个方法,以某种方式返回时间差异:

vis.timeline.TimeStep.prototype.getLabelMinor
vis.timeline.TimeStep.prototype.getLabelMajor

您不必重建库本身,它应该足以加载vis.js,然后覆盖这两种方法,然后加载您的时间轴。

这两种方法的源代码位于:

https://github.com/almende/vis/blob/master/lib/timeline/TimeStep.js#L522-L550