问题标签 [jointjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5220 浏览

javascript - Javascript 图表库

我正在为一个项目寻找一个好的 JavaScript 图表库,可以是商业的。

强制性要求:

  • 单击组件(或悬停)时突出显示连接的线和组件
  • 能够切换组件的图像(以表示一组组件)
  • 放大/缩小功能
  • 能够定义支持左侧右侧拖动的自定义行为
  • 能够生成图表的可链接最小化地图

到目前为止,我检查了 GoJs、JointJS 和 Draw2D,JointJS 看起来最合适,但我不确定。文档和社区也很重要。因此,如果有人使用过其中一个库或其他库,请告诉我您的经验。

帮助我为具有我提到的功能的项目选择正确的库。

0 投票
1 回答
1703 浏览

javascript - 单击其自定义 html 单击时删除联合 js 节点的问题

我在我的 angular.js 应用程序中使用joint.js,我有joint.js 节点,我在其中使用html

(您可以在我的主干视图模板中看到这一点)每当用户单击此按钮时,我想删除工作绝对正常的节点,但我要改进的是该按钮应该仅在用户单击其节点时出现,并且当用户单击时在节点以外的纸上,十字按钮应该消失,就像

http://jointjs.com/rappid#a3e927c4-9c6b-4159-b14e-920299be8f87

我认为我的逻辑是在按钮的父 div 中有一个类

当用户单击节点时将添加它,当用户单击纸张时将其删除。但是当我执行添加和删除类的逻辑时,它可以工作,但是在十字按钮上删除节点的功能会停止。

通过一整天的调试和更改代码,我得出了这个结论,当这个函数被调用时

十字按钮点击节点的移除停止。这意味着图标与模型移除功能的绑定被移除。这是绑定

我希望这个解释有点道理。下面是完整的代码

用于扩展形状的主干视图

// 为该元素创建一个自定义视图,在其上方显示一个 HTML div。//------------------------------------------------ -------------------------

0 投票
0 回答
528 浏览

backbone.js - 如何添加删除节点/元素联合js的功能

我想实现一个功能,当我单击由主干视图扩展的joint.js节点时,应该在该元素周围出现一个div,该元素将包含十字按钮和箭头按钮。单击交叉时,节点应从关节 js 的纸张中删除,单击箭头时,用户应该能够绘制箭头。当单击纸张的其他部分时,元素周围的 div 应该消失。我正在关注此链接http://jointjs.com/tutorial/html-elements。什么是实现此功能的最佳方法,因为我自己在元素周围隐藏和显示 div 的方法不起作用。

0 投票
1 回答
1346 浏览

xml - 在joint.js中将JSON转换为BPMN2 XML格式

可以将joint.js的图形对象转成bpmn2 xml格式吗?

如果是,那该怎么做呢?

0 投票
3 回答
7883 浏览

javascript - 在jointJS中将端口添加到自定义元素

我是jointJs库的新手,我正在尝试将端口添加到我的自定义元素中,其中包含html代码。我按照本教程(http://www.jointjs.com/tutorial/html-elements)创建了我的元素。但是当我尝试向它添加端口时(基于本教程:http ://www.jointjs.com/tutorial/ports )它不起作用。我遇到的另一个问题是,当我单击空白纸时,我希望文本框(自定义形状上的文本区域)消失,并且只有带有其内容的标签在元素上保持可见。为此,我使用了以下代码(但它没有给我上述功能):

我的整个代码如下:

我已经搜索了很多这些问题的答案,但我没有成功找到简单而全面的答案。任何帮助将不胜感激。谢谢。

0 投票
1 回答
435 浏览

jquery - Jointjs 与 jquery 布局插件不兼容

我在使用jointjs 和jquery-layout 时遇到问题。我只能使用其中之一,如果我同时使用两者,则面板调整大小不起作用。有人有相同/相似的问题吗?并知道如何解决?

这根本不起作用

如果我用jointjs反转jquery-layout它可以工作,但没有调整大小。

非常感谢

0 投票
1 回答
1671 浏览

javascript - 如果使用“就绪”模型构建 JointJS Paper,则不会呈现

我正在尝试构建一篇论文,而我已经有一个现成的模型。

例如:

看起来 Paper 在它的模型的事件上渲染addchange而不检查模型是否已经填充了要渲染的单元格(在初始化阶段)。

有时模型来自一个已经解析成的 REST 响应graphModel——所以在这种情况下,模型已经准备好了(所以不需要重新操作它),我只想渲染它

干杯,

齐夫

0 投票
1 回答
3554 浏览

javascript - JointJs - 事件 onConnect Link

我正在尝试创建一个板,用户可以在其中动态添加块并使用链接连接块。(类似这样但动态的)我正在使用 JointJs 框架,直到现在一切都按预期工作,但是当用户连接两个块时我需要显示一些信息。我的问题是连接块时找不到要处理的事件

我查看了这个问题,但在我的示例中,我没有链接实例来附加事件。

在这里你可以看到我的例子

以下是如何将块添加到板上。磁铁:文本属性中的 true是使文本可连接的原因。当链接连接时,我真的需要一些帮助来寻找要处理的事件。

我还查看了 mouseUp 事件和坐标,但一无所获。我非常感谢一些帮助

0 投票
2 回答
5856 浏览

jointjs - 如何将图像作为装饰器添加到元素中?

想象一下我有 Rect 元素,我希望在左上角用一个小的(比如 16x16)PNG 图像来装饰它。我无法确定如何完成该任务。我研究了文档,但(到目前为止)无法找到有关如何完成该任务的示例或参考。是否有人愿意分享食谱或示例指针以帮助我实现目标?

0 投票
1 回答
1144 浏览

parent-child - JOINTJS:递归地获取父级的子级

我怎样才能在jointjs中递归地获取所有孩子。

我已经按照正确的顺序进行了嵌入。

我已经做了一些功课,试图找到答案,我一直在使用cell.getNeighbours().

但这并不能帮助我检索我想要的东西。它只给第一个孩子或第一个邻居。

由于嵌入是正确的,我正在考虑使用cell.getEmbeddedCells().

我正在寻找使用创建递归函数的帮助cell.getEmbeddedCells()