问题标签 [jsplumb]

嗨，我正在使用 jquery animate 进行放大和缩小。问题是它太慢并且需要太多时间。动画功能将缩放大约 100 的 div。有人可以告诉我应该做些什么来优化它。这是下面的代码

我有类似的缩小。请指导我。谢谢！

这是我的要求：

我需要创建一个人的不同表示之间的链接的可视化。我认为下面的图像相当清楚地表明了这一点。

此外，这些矩形还将包含一些关于该人的表示的数据（例如人口统计和地点）。我还需要能够在单击框或它们之间的链接时处理事件，作为一种管理工具（例如，双击链接以删除它，或类似的东西）。同样重要的是，由于人员和链接的数量会有所不同，因此我需要通过以大致等距的方式将人员隔开，如图所示。

什么是可以实现此目的的 javascript 库？我已经做了一些研究，但还没有找到可以干净地做到这一点的东西，但我几乎不是这些图书馆的专家。

以下是我看过的：

Arbor js：可以动态创建图形的间距和链接，但我负责渲染所有视觉效果，并且对于单击链接之类的事情真的没有钩子。

jsPlumb：轻松创建元素之间的连接并很好地绘制它们，但似乎没有解决任何布局问题。因为我不知道屏幕上会有多少人，所以我必须能够将他们等距隔开，这似乎不是 jsPlumb 关心的问题。

D3.js：这可以创建具有我需要的间距的良好可视化，但我看不到如何在每个节点内显示数据或执行诸如链接或框上的鼠标事件之类的操作。

我感到有点失落，所以我希望有人能指出一些可以帮助我的东西，或者可能指出我从这些库中的一个例子中可以看到我想要的东西是可能的。

我正在尝试学习如何在我的Ember.js应用程序中使用jsPlumb ，因此我将一个最小的jsFiddle放在一起来演示它们如何协同工作。

在这个例子中，到目前为止，我只是插入节点并将它们添加到 jsPlumb。我还没有在它们之间添加任何链接。在这个阶段，节点应该是可拖动的，但它们不是。

我在浏览器控制台中遇到的错误：

这指向jsPlumb中的这部分代码：

您可以看到一个没有与 Ember.js 集成的简单示例按预期工作。我知道我有这个版本的 jsPlumb 使用 jquery-ui 来克隆元素并支持拖放。此处的帖子显示 Ember 中的 jquery-ui 可拖动功能存在问题。但是，我不确定我是否遇到了同样的问题。如果这与我遇到的问题相同，我将不胜感激有关如何在我的应用程序中实施建议的解决方案的帮助。我对 Ember 和 jsPlumb 都是新手，所以我希望能得到关于这里发生的事情和采取什么路径的明确指导。

我怎样才能使这个例子工作？

我正在使用一个 javascript 库（jsPlumb），它为我生成一个状态机，带有连接等。

我正在尝试向生成的图形添加放大和缩小功能。

生成的代码是这样的：

div 包装器中有很多画布元素。

所以我试图找到一个可以让我轻松缩放所有这些画布元素的库。

Fabric.js 听起来不错，但我没有找到任何方法来“加载”现有画布以将变换应用于画布本身，而只是将变换应用于画布内的元素。

有谁知道可以做到这一点的图书馆？或者，如果您曾经为 jsplumb 添加放大/缩小功能，我也会很高兴！我特别喜欢 Fabric.js 的解决方案，因为这个库提供了许多有用的其他功能。

谢谢！

大家好，我在 JS 铅垂图书馆工作以建立联系。我被困在某一点上，需要专家的帮助。这是我的场景。

我有很多连接，我想要的是，当我单击一个连接时，其上会出现一个特定标签以显示它已被选中。当我单击一个其他连接时，以前单击的连接消失并选择了新连接。

到目前为止我所做的是

这里的问题是我的连接范围设置为“活动”

jsPlumbInst.getConnections({scope:"active"}) 没有返回任何东西。

那么任何人都可以指导我是否做对了吗？或者有没有其他方法可以实现这一目标？

上周我一直在寻找一些图形可视化 javascript-library 并且我偶然发现了jsPlumb，这是从我见过的例子来看的，这是迄今为止我见过的最好看和最先进的库。该文档虽然很大，但不是很有帮助，因为我无法弄清楚如何实际执行最重要的任务。

我的问题清单包括：

• 如何告诉图形使用 DOM 树的预定义元素？
• 将显示这些元素的哪一部分？
• 虽然连接很容易，但如何定义对齐方式？

虽然这些问题仍然存在，但有一些示例，但它们要么简单到无法使用（参见示例 1），要么它们非常复杂，甚至可以检索（下载不是问题，但我没有在玩一些库之前真的想分析一切......）代码至少对我来说是不可能的（参见https://github.com/sporritt/jsPlumb/tree/master/demo）。

示例 1

这导致

谁能给我一个回答我的问题的例子？

提前致谢。

我正在做一个嵌套函数调用，但同时我需要将变量传递给嵌套函数，我可以这样做吗？这就是我想要做的

上面的代码不起作用，因为

传递我正在做的事情。我需要它，因为我需要找出开始。如果我删除该索引引用和该行

它工作正常，但我真的需要包括它。有没有办法做到这一点？？

非常感谢您的帮助！

有没有办法随机定位使用 jsPlumb 创建的所有对话框/窗口？

如果我有很多我想在这些对话框中表示的项目，但问题是我需要通过给它们一个位置来将它们放在屏幕上，但是由于有很多项目，这将是一项乏味的工作，更不用说这个了项目列表可能会增长/缩小。

查看 jsPlumb 演示，使用“top”和“left”CSS 属性给对话框指定位置：

有没有办法将这些对话框随机放置在屏幕上但它们之间有一定的距离？如果有一种方法可以将对话框放置在屏幕上，这样箭头和对话框之间的交叉就会最小，那就更好了。

编辑：

不完全是最好的解决方案，但一个非常好的解决方案：

http://forums.lndb.info/showthread.php?tid=43

https://github.com/lndb/jsPlumb_Liviz.js（这里提供了两个demo）

http://lndb.info/light_novel/diagram/Hidan_no_Aria

我想使用 jsPlumb 连接 div。当我使用样式时它可以工作，但是当我使用 jquery-ui 装饰（如手风琴）时，最后一行的偏移量不正确。

代码：

产生：

想要的效果（没有手风琴装饰）是：

我做错了什么？似乎在手风琴装饰之前渲染了线条。

我正在处理一个 jsPlumb 问题。当我尝试以编程方式删除所有元素连接时，我得到 Uncaught TypeError: Cannot read property 'left' of undefined

我有几个“节点”（html 元素），每个节点都有 1 个输入端点（一个接受的端点）和 n 个输出端点。每个节点后面还有一个 javascript 对象。我的软件中有一个“选定”状态。用户可以选择多个节点，并将对象推送到一个名为 selected 的数组中。我有一个删除键的键监听器。当按下该键时，它会遍历选定的节点，删除它们并移除它们的端点。当没有连接时，这很好用，但是当有连接时，我会出错。

输出端点附加到主节点的子 HTML 元素...</p>

有很多代码可以做很多事情，但我会尝试分享相关部分：

这就是设置。这是我删除的方法