问题标签 [jointjs]

我在我的一个项目中使用了 Jointjs图表库。

1）我很想知道它是否提供了任何方法来限制用户不玩图表的元素。我的意思是：用户将能够将图表视为图像，而不是与它进行交互，例如调整大小、更改位置、拖动链接等。

2） 我的应用程序严重依赖它。虽然我已经解决了自动布局的问题，但是使用 Jointjs 是否可行，我们可以告诉库我们想要这些元素和东西吗，请帮助我们用最合适的、非碰撞的元素和最少的元素制作图表如果链接是连续的直线，则相互碰撞以及与路径中的元素发生碰撞的链接数量？

3） 最后，我想知道我们是否可以检查与其他元素或同一图中的其他链接发生冲突的链接。我知道在元素的情况下这是可能的。

1）我正在使用 JointJS 图表库。我想inPort在使用joint.shapes.devs.

用于将 sourcePort 链接到我正在使用的目标

source: { id: source.id, selector: source.getPortSelector(sourcePort)}

它给了我准确的源端口，但是在知道它是我的源连接器之后如何在这个特定的端口上应用 css？有办法吗？

2）如果标签的宽度比元素宽度长，我们可以自动将标签放入/包裹在元素内吗？我正在使用joint.shapes.devs.Atomic元素。

遇到了foreignobject但是不知道怎么用？任何人都可以对此有所了解吗？

我用 JointJS library 创建了一个自定义元素。该对象有两个嵌套的矩形和两个关联的文本。

我想改变他在de Model里面的属性......我只能通过JQUERY改变他的属性和css，通过它的id。

我想更改模型中的属性，然后更新节点以显示他的新外观。

对不起，如果我不能很好地解释它，我留下一个 jsFiddle ->

http://jsfiddle.net/y9ucn/

如果您需要更多信息，请询问。

谢谢你。

这是定义我的自定义对象的类，您可以在 jsfiddle 上播放示例：

我正在使用 fsa 插件在joint.js 中构建一个FSA 应用程序。但是，每当我将鼠标悬停在链接上时，它们就会消失。

这是相关的javascript代码：

}

我该如何解决？

我注意到，从http://www.jointjs.com/开始，jointjs 确实支持放大/缩小， 但找不到任何示例。

请帮助我放大/缩小由 <div> 中的jointjs 创建的结果图的步骤？

I am fiddling with JointJS, which uses the Backbone object model. I try to populate the cells with links and sometimes the links do not appear (after a few refreshes they appear again) with this error (in Chrome JS console) :

That never appears with the states (simple rectangles from joint.shapes.basic.Rect).

My code for populating the link array is :

And the JSON (converted into a JS object) :

Do you have any idea of what could be the cause of this ? Is is a bug from Joint.js ?

Thanks ! Adrian

在 JointJS 中实现八边形的最佳方法是什么。我真的很喜欢这个库，但我发现很难找到可能属于也可能不属于这个库的特定元素。

就我而言，我需要一个八角形。虽然它很可能已经成为框架的一部分，但创建该 CustomShape 的正确方法是什么。添加 SVG 多边形并不能很好地完成这项工作，因为它应该是动态的。

标题说明了一切，我在纸上创建了一个图表并填充了单元格和链接，现在我需要添加一个工具提示来显示有关每个元素的信息（选择，悬停......）。

我感谢所有提示，链接，答案...

在 JointJS 中有一个perpendicularLinks参数“使链接倾向于垂直于它们的关联对象”。

这对我来说不是很清楚。有谁知道这个选项是什么？

我正在研究 JointJS。我有各种带有文本的元素。然而，元素的宽度随着文本的增加而增加。我想动态设置元素的大小，以便框可以达到最大高度和宽度，并通过文本换行相应地扩展。如果文本 os 无法容纳最大高度和宽度元素，则可以动态减小字体大小。

我试过style="word-wrap: break-word;"在我的 div id 中使用。但是没有效果。

我的持有人在 JS 文件中定义如下： var paper = new joint.dia.Paper({ el: $('#myholder'), width: 1200, height: 700, model: graph }); 我可以遵循什么策略？