Question

默认情况下，visjs会在时间轴上每天显示，是否可以仅显示事件日期？我的目标是制作一个简单的时间表，如this one。

有可能吗？还有其他替代图书馆吗？

Answer 1

要实现您的要求非常简单，您希望如何定制它以尽可能接近参考将取决于您和支持的内容。我已经将visjs广泛用于我们目前正在构建的网站分析项目。

使用时间轴API，初始化基本布局后。您只需在您可能感兴趣的事件的时间轴数据集中添加一些项目。

代码应该是下面的内容

var container = document.getElementById('element');

在任何事情之前，您首先需要直接在HTML或JS中创建元素。选择是你的。

然后，您需要抓取元素，以便可以直接在Element中显示所有内容。完成这几个步骤之后，您需要初始化时间轴的数据集。数据集将用于保存您的数据值（项），您可以在渲染图表的数据集上执行各种操作。

 var items = new vis.DataSet([])

如果您想为时间线添加任何选项。

var options = {}

最后你有实际的时间表来创建

var timeline = new vis.Timeline(container, items, options);

现在您需要将几个项目添加到之前创建的数据集中，这将是您想要标记的项目的位置。有一系列选项可以从您希望显示的内容到将会发挥作用的项目样式。

items.add([
  {id: 1, text: 'item 1', date: new Date(2013, 6, 20), group: 1, first: true},
  {id: 2, text: 'item 2', date: '2013-06-23', group: 2},
  {id: 3, text: 'item 3', date: '2013-06-25', group: 2},
  {id: 4, text: 'item 4'}
]);

这将是一种做法。您可以找到更多自定义选项，了解您希望此项目的外观和行为here

希望这有帮助。

visjs.org库：仅显示事件日期

1 个答案: