【问题标题】:In vis-timeline, how do I make the time axis be labeled by numbers instead of a date/time?在 vis-timeline 中,如何使时间轴用数字而不是日期/时间标记?
【发布时间】: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 等)而不显示时间值?我在此用例的文档中找不到任何内容。提前致谢!

【问题讨论】:

    标签: vis.js vis.js-timeline


    【解决方案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";
          }
        }
      }
    

    【讨论】:

      猜你喜欢
      • 2021-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-26
      • 1970-01-01
      相关资源
      最近更新 更多