javascript - 放大可见时间轴时缺少结束日期的项目

Question

我们正在第一次研究 vis 时间线。我们已经添加了数据集，如下所示。

// DOM element where the Timeline will be attached
  const container = document.getElementById("visualization");

  // Create a DataSet (allows two way data-binding)
  const items = new vis.DataSet([
    { id: 1, content: 'item 1', start: '2014-04-20' },
    { id: 2, content: 'item 2', start: '2014-04-14' },
    { id: 3, content: 'item 3', start: '2014-04-18' },
    { id: 4, content: 'item 4', start: '2014-04-16', end: '2014-04-19' },
    { id: 5, content: 'item 5', start: '2014-04-25' },
    { id: 6, content: 'item 6', start: '2014-04-27', type: 'point' }
  ]);

  // Configuration for the Timeline
  const options = {};

  // Create a Timeline
  const timeline = new vis.Timeline(container, items, options);

工作正常，结果如下图所示 时间线示例。

当我们缩放结果时，item4 丢失了，因为它的结束日期如下图所示。 在此处输入图像描述

如果我们删除 item4 的结尾，放大后一切看起来都很好。我们已经尝试了type:"box"for 项目，但该框未显示在正确的日期范围内。请建议我们，有什么方法可以使带有结束日期的 item4 看起来像其他人一样。提前致谢。

标签： javascriptvis.jsvis-timeline