我有一个基本的 vis 时间线,设置如下:
var container = document.getElementById('example-timeline');
var data = new vis.DataSet([]);
// Configuration for the Timeline as JSON object
var options = {
rollingMode: {
follow: true,
offset: 0.5
},
rtl: false,
zoomMax:30000
};
// Create a Timeline
var timeline = new vis.Timeline(container, data, options);
这是为了创建各种性能监视器(如 Chrome 网络监视器控制台),其中项目将被动态(实时)添加到数据集中。这个想法是让时间线不断滚动,以便最后 30 秒(假设没有用户缩放/移动)始终在视图中。我希望较旧的事件会滚出屏幕。
在添加第一个事件之前,滚动模式似乎工作正常。添加事件后,滚动模式将滚动,直到该项目在时间轴中居中。一旦项目居中,时间线就会停止滚动。如果我删除记录,时间线会继续滚动。
时间线似乎并没有让项目脱离可见性。
JsFiddle 为方便起见http://jsfiddle.net/hae0k1ry/16/。代码片段包含重现问题所需的所有配置。我正在使用 vis.js 的 4.21.0 版本。