在 vis-timeline 中，如何使时间轴用数字而不是日期/时间标记？

Posted 2023-05-08

【中文标题】在 vis-timeline 中，如何使时间轴用数字而不是日期/时间标记？

【英文标题】：In vis-timeline, how do I make the time axis be labeled by numbers instead of a date/time?

【发布时间】：2021-01-16 07:02:09

【问题描述】：

我正在尝试创建一个时间轴，其时间轴标有索引值（例如整数）而不是日期/时间值。我的项目有整数的开始值和结束值。例如：

var container = document.getElementById('visualization');
var items = new vis.DataSet([
     id: 1, content: 'item 1', start: 0, end: 2 ,
     id: 2, content: 'item 2', start: 2, end: 4 ,
     id: 3, content: 'item 3', start: 4, end: 8 ,
]);
var timeline = new vis.Timeline(container, items);

显示的时间线如下所示：

开始和结束值被解释为毫秒，时间轴基于特定的时间和日期。时间轴有没有办法只显示整数值（即仅显示 000、001、0002 等）而不显示时间值？我在此用例的文档中找不到任何内容。提前致谢！

【参考方案1】：

在选项中使用这个函数来改变minorLabels格式：

  format: 
    minorLabels: function(date, scale, step) 
      switch (scale) 
        case 'millisecond':
          return new Date(date).getTime() + "ms";
        case 'second':
          var seconds = Math.round(new Date(date).getTime() / 1000);
          return seconds + "s";
        case 'minute':
          var minutes = Math.round(new Date(date).getTime() / 1000 * 60);
          return minutes + "m";