【发布时间】:2019-03-29 11:25:41
【问题描述】:
我有一个项目,我使用 vis.js 时间线模块作为一种图像轮播,我有一个开始和结束时间,在时间线上绘制事件,并自动循环它们并显示附加的图像到另一个容器中的每个事件。
我已经有这个工作,并使用类似于以下的东西来完成这个,除了一个部分:
var container = document.getElementById('visualization');
var data = [1,2,3,4,5];
var timeline = new vis.Timeline(container, data);
timeline.on('select', function (properties) {
// do some cool stuff
}
var i = 0;
(function timelapseEvents(i) {
setTimeout(function(){
timeline.setSelection(data[i], {focus: true, animation:true});
if (i < data.length - 1) {
timelapseEvents(i+1);
}
}, 2000);
})(i)
上面的timeline.setSelection() 部分有效,时间线事件被选中并聚焦。但是,“选择”事件是不触发的。这已在文档(在Events >timeline.select 下)中按预期工作,其中显示:Not fired when the method timeline.setSelection() is executed.
所以我的问题是,有人知道如何使用timeline.setSelection() 方法并实际触发select 事件吗?调用 timeline.setSelection()method 并没有真正触发 select 事件对我来说似乎不直观。
【问题讨论】:
标签: javascript vis.js vis.js-timeline