我尝试使用dagre库绘制JointJs UML 图。据我了解 dagre 解决空间中分布节点的问题。我有自定义数据集。第一步,我创建 dagre 布局以生成节点的 X 和 Y 坐标。然后我从初始创建新数据集以匹配 JointJs 要求,设置从 dagre 布局获得的 X 和 Y 坐标并渲染它。所以结果你可以在这里看到。第一个图用dagre-d3渲染,第二个用 JointJs 渲染。我不喜欢这两种变体并且有两个问题:
- 如果“行”上的总宽度大于容器宽度,如何设置图形容器的宽度以确保 dagre 对其进行说明并将节点移动到底部?两个库都尝试在 600x800 的画布上绘制图形,因此下面有足够的空间。
如何像第一个图表一样在顶部和左侧的 JointJs UML 图表中删除 svg 边框和 UML 图之间的偏移量?
code available here http://jsfiddle.net/zeleniy/mpa6b47k/