我尝试使用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/

  ask by zeleniy translate from so

本文未有回复，本站智能推荐：

1回复

嵌入单元格时如何使用JointJS Directed Graph？

今晚，我尝试在JointJS网站上的一个例子中执行有向图。 请参阅离散事件示例： http://resources.jointjs.com/demos/devs 即使源代码链接未正确映射，我在此处找到它： https://raw.githubusercontent.com/c
1回复

将节点动态添加到JointJS图。 在joint.layout.DirectedGraph中设置排名顺序？

我正在JointJS中实现一个流程图，用户可以删除元素并添加新元素，并以各种顺序重新链接事物。 该图使用了带有Dagre的joint.layout.DirectedGraph库的自动布局功能，每次删除，添加，取消链接或重新链接时都会重新组织图形。 一个奇怪的问题出现了，我不知道如何处理它。
2回复

如何将类添加到JointJS单元格？

我可以使用attr方法更改单元格的属性，例如，设置链接的笔触： 但是我宁愿在css文件中设置这样的属性，例如 有没有一种方法可以将此类添加到生成的SVG中？ 我试过了 但这会删除.connection类，这一点很重要。 它可以写 但显然这不会扩展到具有多个
1回复

静默将单元格添加到JointJS图

在JointJS中，如何在不触发任何事件的情况下向图添加单元格？ 当我传递可选参数时： 该单元格未在纸张中呈现。
1回复

动态更新矩形的宽度和高度

我试图在单击提交时将矩形添加到父矩形。 我希望在向父级添加新矩形时增加父级rect的高度，以使其看起来像子元素位于父级中，如下所示： 我尝试了不起作用的element.set和element.attr和element.prop方法。 我该如何实现？
1回复

如何在React中创建拖放画布

我需要实现一个功能，我可以拖放一些svg图标，并在反应中创建一个像地图一样的花园。 什么是实现这一目标的最佳图书馆？ 我找到了一个名为JointJS的图书馆。 有关如何实现它的任何示例。
1回复

在jointjs中的单元格上调整单元格的大小

我有一个jointjs演示代码，该代码在纸上具有基本形状，我想增加形状的大小，或在单击鼠标指针或在形状上移动光标时突出显示该形状， 示例演示代码在这里 我是jointjs的新手。 我试图调整形状大小，但无法正常工作 通过单击单元格突出显示： 但我想调整单元格的大
1回复

在链接上分配像源/目标这样的单元格时发生事件？

我使用默认链接，我想限制链接的源和目标，因为我只想要rect(source)和circle(target)之间的链接。 我已经用link.on(change:source)和link.on(change:target)尝试过了，但是这个事件在我想要的时候不会启动。 有人知道这个问题的
1回复

当画布位于内部DIV中时，使用JointJS时出错

我实际上在一年前就注意到了这个问题，但当时还没有准备好真正地去图书馆中使用它。 现在到了我真正需要使用JointJS（或类似的东西）的时候了，问题仍然存在。 如果我有如下标记： 对于任何形式的JointJS图，我在Firebug中都收到以下错误。 使“世界” div独立无
1回复

不会触发单元格事件

我有一张带图表的工作文件。 我已经在图表中添加了几个单元格，我正在尝试收听cell:highlight事件，但我从未收到过它。 我正在做： 其他事件似乎工作正常，例如： blank:pointerup ，... 是否有一些特殊的事情可以使细胞事件发挥作用？