所以我正在尝试学习 vis js,并且有一个关于时间轴滚动模式选项的示例。代码与示例文件中的一样,我没有编辑它,但它似乎只输出 html 部分,因为没有出现时间线,我不知道这是否是它应该做的。
<html>
<head>
<title>Timeline | rolling mode Option</title>
<meta charset="utf-8">
<script src="../../../dist/vis.js"></script>
<link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1><i id="icon">⛶</i>Timeline rolling mode option</h1>
<div id="mytimeline"></div>
<script>
var container = document.getElementById('mytimeline');
var items = new vis.DataSet();
for (var i = 10; i >= 0; i--) {
items.add({
id: i,
content: "item " + i,
start: new Date(new Date().getTime() + i*100000)
});
}
// Configuration for the Timeline
// specify options
var options = {
start: new Date(),
end: new Date(new Date().getTime() + 1000000),
rollingMode: {
follow: true,
offset: 0.5
}
};
// create a Timeline
var timeline = new vis.Timeline(container, items, options);
console.log(items);
</script>
</body>
</html>
这是我运行它时的输出。 Output
最佳答案
截至撰写本文时 (v4.21.0),这是 GitHub 问题列表 ( https://github.com/almende/vis/issues/3616 ) 中的一个 Unresolved 错误。
如果您明确将“rtl”选项设置为 false,则有一个解决方法。
var options = {
rollingMode: {
follow:true,
offset:0.5
},
rtl:false
};
我不知道为什么该解决方法有效,但它适用于我上面提到的版本(v4.21.0)。
关于javascript - vis js 时间轴滚动模式选项示例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48740701/