Question

我需要让vis-line更大（例如10px），vis-box保持10px，这样vis-line和vis-box可以正确对齐，就像一个垂直行：

 .vis-item.vis-line {
    position: absolute;
    border-width: 10px;
    border-color: red;
  }      
  .vis-item.vis-box {
    border-width: 1;
    text-align: left !important;
    background-color: transparent !important;
    border-left-width: 10px;
    border-color: red;
  }

查看网址https://jsfiddle.net/gbdjbdhv/3/
但是vis-line比左侧vis-box左5px。我需要有关如何正确对齐vis-line和vis-box左侧的建议。

Answer 1

vis.js时间轴动态设置框项目的位置。负责水平定位和重新定位方框项BoxItem.prototype.repositionX的方法，不考虑您的预期用例。解决此问题的最佳位置是在vis.js库中。

但是，将每个框的left值设置为其对应的vis-line的{{1}}值可以作为功能性短期解决方案。这是假设每个框都有一行，每行都有一个框。所有项目都必须是盒子类型。此外，不再需要left - 删除option.align。

align: 'left'

小提琴 - https://jsfiddle.net/dba4ketr/3/

Answer 2

使用左/右对齐时，正确定位线有一个错误：它没有用线宽计算。将在vis.js的第一个下一版本中修复。

请参阅https://github.com/almende/vis/pull/1695

如何对准vis线和vis-box左侧

2 个答案: