问题标签 [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.
javascript - Javascript 图表库
我正在为一个项目寻找一个好的 JavaScript 图表库,可以是商业的。
强制性要求:
- 单击组件(或悬停)时突出显示连接的线和组件
- 能够切换组件的图像(以表示一组组件)
- 放大/缩小功能
- 能够定义支持左侧右侧拖动的自定义行为
- 能够生成图表的可链接最小化地图
到目前为止,我检查了 GoJs、JointJS 和 Draw2D,JointJS 看起来最合适,但我不确定。文档和社区也很重要。因此,如果有人使用过其中一个库或其他库,请告诉我您的经验。
帮助我为具有我提到的功能的项目选择正确的库。
javascript - 单击其自定义 html 单击时删除联合 js 节点的问题
我在我的 angular.js 应用程序中使用joint.js,我有joint.js 节点,我在其中使用html
(您可以在我的主干视图模板中看到这一点)每当用户单击此按钮时,我想删除工作绝对正常的节点,但我要改进的是该按钮应该仅在用户单击其节点时出现,并且当用户单击时在节点以外的纸上,十字按钮应该消失,就像
http://jointjs.com/rappid#a3e927c4-9c6b-4159-b14e-920299be8f87
我认为我的逻辑是在按钮的父 div 中有一个类
当用户单击节点时将添加它,当用户单击纸张时将其删除。但是当我执行添加和删除类的逻辑时,它可以工作,但是在十字按钮上删除节点的功能会停止。
通过一整天的调试和更改代码,我得出了这个结论,当这个函数被调用时
十字按钮点击节点的移除停止。这意味着图标与模型移除功能的绑定被移除。这是绑定
我希望这个解释有点道理。下面是完整的代码
用于扩展形状的主干视图
// 为该元素创建一个自定义视图,在其上方显示一个 HTML div。//------------------------------------------------ -------------------------
backbone.js - 如何添加删除节点/元素联合js的功能
我想实现一个功能,当我单击由主干视图扩展的joint.js节点时,应该在该元素周围出现一个div,该元素将包含十字按钮和箭头按钮。单击交叉时,节点应从关节 js 的纸张中删除,单击箭头时,用户应该能够绘制箭头。当单击纸张的其他部分时,元素周围的 div 应该消失。我正在关注此链接http://jointjs.com/tutorial/html-elements。什么是实现此功能的最佳方法,因为我自己在元素周围隐藏和显示 div 的方法不起作用。
xml - 在joint.js中将JSON转换为BPMN2 XML格式
可以将joint.js的图形对象转成bpmn2 xml格式吗?
如果是,那该怎么做呢?
javascript - 在jointJS中将端口添加到自定义元素
我是jointJs库的新手,我正在尝试将端口添加到我的自定义元素中,其中包含html代码。我按照本教程(http://www.jointjs.com/tutorial/html-elements)创建了我的元素。但是当我尝试向它添加端口时(基于本教程:http ://www.jointjs.com/tutorial/ports )它不起作用。我遇到的另一个问题是,当我单击空白纸时,我希望文本框(自定义形状上的文本区域)消失,并且只有带有其内容的标签在元素上保持可见。为此,我使用了以下代码(但它没有给我上述功能):
我的整个代码如下:
我已经搜索了很多这些问题的答案,但我没有成功找到简单而全面的答案。任何帮助将不胜感激。谢谢。
jquery - Jointjs 与 jquery 布局插件不兼容
我在使用jointjs 和jquery-layout 时遇到问题。我只能使用其中之一,如果我同时使用两者,则面板调整大小不起作用。有人有相同/相似的问题吗?并知道如何解决?
这根本不起作用
如果我用jointjs反转jquery-layout它可以工作,但没有调整大小。
非常感谢
javascript - 如果使用“就绪”模型构建 JointJS Paper,则不会呈现
我正在尝试构建一篇论文,而我已经有一个现成的模型。
例如:
看起来 Paper 在它的模型的事件上渲染add
,change
而不检查模型是否已经填充了要渲染的单元格(在初始化阶段)。
有时模型来自一个已经解析成的 REST 响应graphModel
——所以在这种情况下,模型已经准备好了(所以不需要重新操作它),我只想渲染它
干杯,
齐夫
jointjs - 如何将图像作为装饰器添加到元素中?
想象一下我有 Rect 元素,我希望在左上角用一个小的(比如 16x16)PNG 图像来装饰它。我无法确定如何完成该任务。我研究了文档,但(到目前为止)无法找到有关如何完成该任务的示例或参考。是否有人愿意分享食谱或示例指针以帮助我实现目标?
parent-child - JOINTJS:递归地获取父级的子级
我怎样才能在jointjs中递归地获取所有孩子。
我已经按照正确的顺序进行了嵌入。
我已经做了一些功课,试图找到答案,我一直在使用cell.getNeighbours()
.
但这并不能帮助我检索我想要的东西。它只给第一个孩子或第一个邻居。
由于嵌入是正确的,我正在考虑使用cell.getEmbeddedCells()
.
我正在寻找使用创建递归函数的帮助cell.getEmbeddedCells()