我尝试使用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 ,... 是否有一些特殊的事情可以使细胞事件发挥作用?