您可以将常规 JavaScript 事件侦听器附加到容器 DIV,并使用以下方法timeline.getEventProperties(event)
查看事件是否发生在某个项目的顶部。
var container = document.getElementById('visualization');
var items = new vis.DataSet([
{id: 4, className:'item4', content: 'item 4', start: '2016-01-16'},
{id: 5, className:'item5', content: 'item 5', start: '2016-02-23'},
{id: 6, className:'item6', content: 'item 6', start: '2016-03-27'}
]);
var options = {
showCurrentTime: true,
orientation: {axis: 'both', item: 'top'},
height: 400,
margin: {
axis: 100
}
};
var timeline = new vis.Timeline(container, items, options);
function onMouseover (event) {
var properties = timeline.getEventProperties(event);
// properties contains things like node id, group, x, y, time, etc.
console.log('mouseover properties:', properties);
}
container.addEventListener('mouseover', onMouseover)
docs: http://visjs.org/docs/timeline/#Methods http://visjs.org/docs/timeline/#Methods-> 获取事件属性