如何防止vis.js时间线"customTime"项移动？

Question

我通过 vis.js 编写了时间线。我使用 addCustomTime() 添加了自定义时间项。

我的情况是。

我想添加固定的自定义时间，但是当我拖动它时它会移动。 Anbybody 知道如何防止自定义项目移动吗？

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

  // Create a DataSet (allows two way data-binding)
  var items = new vis.DataSet([
    {id: 1, content: 'item 1', start: '2013-04-20'},
  ]);

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

  // Create a Timeline
  var timeline = new vis.Timeline(container, items, options);
  
  timeline.addCustomTime('2013-04-21'); // I want this item not moving.

<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/vis-timeline-graph2d.min.js"></script>

<div id="visualization"></div>

Answer 1

https://github.com/almende/vis/issues/1296

我将此代码添加到 css。

.vis-custom-time {
    pointer-events: none;
}

Answer 2

正如@dapriett 在@lv0gun9 链接的 GitHub 问题中的 this comment 中所说，您可以改为这样做：

timeline.addCustomTime(date, id)
timeline.customTimes[timeline.customTimes.length - 1].hammer.off("panstart panmove panend");

这将禁用自定义时间元素上的移动事件。使用 @lv0gun9 的 css 解决方案，您还将禁用工具提示，该提示会在将鼠标悬停在元素上时告诉您该元素的准确日期。

如何防止vis.js时间线"customTime"项移动？

How to prevent vis.js timeline "customTime" item move?

javascript

css

timeline

vis.js