如何使用vis.js自定義時間軸上標籤的時間格式

Question

我使用vis.js繪製時間軸。對於項目請求，我必須自定義時間軸格式以當前時間倒計時，單位爲mm：ss。 原來的時間軸標籤格式是：

，我想改變時間軸這樣

例如：當前時間爲11:20。下一個時間間隔11:25應該更改爲當前時間的倒數，即5分鐘（標籤應顯示爲05:00，格式爲mm：ss）。 11:30更改爲10:00，11:35更改爲15:00等 如果倒計時超過60分鐘，格式應自動更改爲HH：mm：ss。如果縮小到天數間隔，則會自動顯示倒數天數。

任何人都可以幫助我嗎？

Answer 1

這不是你可以在時間軸上配置的東西。您可以自定義時間格式化的方式，但無法顯示其他時間。

要解決此問題，您需要重寫時間軸的某些方法，但我認爲在這種情況下並不複雜。基本上，你要重寫以下兩種方法與自己的實現，不知何故返回時間DIFF：

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