javascript - visjs.org 库 : display only event dates

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

希望这对您有所帮助。