如何防止 Vis.js 时间轴调整大小 "unnecessarily"?
How to prevent a Vis.js Timeline from resizing "unnecessarily"?
有谁知道如何防止 Vis.js Timeline 调整 "unnecessarily" 的大小? "unnecessarily" 我当然是指相对于视觉环境而不是 "code context"。在下面的屏幕截图中,我理解代码是 "doing its job",但视觉结果是不可接受的。
我已经尝试了在 setup options 下可以找到的所有各种设置,但它们没有帮助。这是一个巨大的代码库,如果可以的话,我宁愿不去处理它。
虽然您无法在 javascript 中配置它,但一点点 css 可以为您解决问题:)
.vis-label .vis-inner {
min-height: 200px;
}
我遇到了类似的问题,所以我想我会 post 在这里回复,以防其他人遇到我遇到的同样问题。更改 CSS 对我不起作用。这只会在第一个或最后一个组项目内的 Y 轴上产生间隙,并将时间线项目推开。我忽略了一个名为 'stack' 的选项。对于稍微重叠的项目,其对应的组将扩展高度以容纳它们。在我的例子中,我有一个在 16:00 结束的项目,紧随其后的项目的开始时间为 16:00。这导致了一些重叠,但我不想扩大组的高度。在选项中设置 'stack: false' 阻止扩展效果。在几个像素的区域仍然有一些小的扩展,但远不及我在多个项目共享相同 start/end 次时遇到的高度问题。
有谁知道如何防止 Vis.js Timeline 调整 "unnecessarily" 的大小? "unnecessarily" 我当然是指相对于视觉环境而不是 "code context"。在下面的屏幕截图中,我理解代码是 "doing its job",但视觉结果是不可接受的。
我已经尝试了在 setup options 下可以找到的所有各种设置,但它们没有帮助。这是一个巨大的代码库,如果可以的话,我宁愿不去处理它。
虽然您无法在 javascript 中配置它,但一点点 css 可以为您解决问题:)
.vis-label .vis-inner {
min-height: 200px;
}
我遇到了类似的问题,所以我想我会 post 在这里回复,以防其他人遇到我遇到的同样问题。更改 CSS 对我不起作用。这只会在第一个或最后一个组项目内的 Y 轴上产生间隙,并将时间线项目推开。我忽略了一个名为 'stack' 的选项。对于稍微重叠的项目,其对应的组将扩展高度以容纳它们。在我的例子中,我有一个在 16:00 结束的项目,紧随其后的项目的开始时间为 16:00。这导致了一些重叠,但我不想扩大组的高度。在选项中设置 'stack: false' 阻止扩展效果。在几个像素的区域仍然有一些小的扩展,但远不及我在多个项目共享相同 start/end 次时遇到的高度问题。