问题标签 [mxgraph]

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 投票
1 回答
419 浏览

javascript - 带有 mxGraph 和 svg 图像的屏幕闪烁

我正在解决一个问题,当用户在屏幕上移动任何对象时,mxGraph 中设置的背景图像正在下载图像。

我可以在 firebug 和 chrome 中看到 mxClient.js 正在下载导致此闪烁的图像。以下是该脚本的代码。

我可以看到,当调用 appendChild 时,浏览器会下载图像。那么在 java script/mxgraph 中有没有我可以避免这种情况的地方。

容器上的 appendChild 可以从缓存中获取图像而不是再次下载吗?

0 投票
2 回答
2412 浏览

javascript - 如何将顶点的 XML 表示注入现有的 mxgraph 图

将新顶点注入现有 mxgraph 图形时遇到问题。

我可以使用默认编解码器对整个图形模型进行序列化/反序列化。但是,我还希望能够将单个顶点注入现有图形中。顶点表示为 mxgraph XML 字符串的 JSON 数组 - 第一个元素是主顶点,所有后续元素都是端口。

这是一些尝试将顶点注入图中的简单代码:

这成功地将顶点(及其子顶点/端口)注入到现有图中。当我们尝试序列化新图时,问题就出现了——我们在第一个顶点中获得了一个额外的子节点:

我在接近这个错误吗?..或者这似乎是一个错误?

0 投票
1 回答
370 浏览

javascript - How to create a legend in mxgraph?

I have a graph created using mxgraph javascript library. The graph has 3 types of cells. Every cell belong to one of the 3 types and each type has a particular color. So, I want to create a legend in the corner that shows what each color cell type means. Please tell me how do I create such a legend. If there is a better way to convey the information about the cell (besides the legend) please suggest that too. Please point me to any resources, documentation available.

0 投票
2 回答
582 浏览

bidirectional - mxgraph 中的连接

我想知道如何避免双向连接。例如:

http://i.stack.imgur.com/4HR4H.png

有没有办法做到这一点?

我使用 mxGraph,javascript。

编辑:对不起,也许我解释得不好,我的意思是如果我们有两个单元格 (a---> b) 不能是 (a <--- b) 这可能会被实时检测到。

0 投票
1 回答
596 浏览

mxgraph - 如何在不丢失源或目标的情况下从 xml 动态添加边

我正在尝试从 xml 文件构建图形,但仅加载基于特定条件的节点......我可以使用包含解码和添加功能的 for 循环添加所有顶点,

问题出在边缘..我可以让他们有来源,但目标总是空的

在我尝试的许多事情中,最终版本将 xml 节点添加到数组中,并且只有在所有顶点都添加到图中之后,我才对边进行解码......但这仍然不起作用......

0 投票
0 回答
433 浏览

javascript - 触控设备上的 mxGraph 和 ckEditor

我正在尝试开发一个同时使用 mxGraph 和 CKeditor 的 Web 应用程序。此应用程序旨在用于桌面和触摸设备。

当有人在触摸设备上使用该应用程序时,就会出现我的问题。CKeditor 有一个“组合框”选项,允许用户更改其内容的字体、大小等。在触摸设备上,这可以正常工作,但是一旦 mxGraph 的实例出现在页面上,就不可能选择组合框中的选项之一(至少在 iOS 上)。它在桌面环境中运行正常。

我创建了一个示例代码,您可以使用它来重现该问题。只需在触摸设备上运行它并尝试使用组合框:

谁能帮我弄清楚是什么原因造成的,以及如何纠正它?我已经坚持了几天了。

先感谢您!

0 投票
1 回答
1015 浏览

javascript - 从 mxGraph 中删除的父单元格中删除所有树?

情况如下:我想删除连接到一个单元格及其子级及其子级的所有单元格等。我该如何在 mxGraph 中做到这一点?

0 投票
2 回答
4027 浏览

javascript - mxGraph 可以将图形导出为 PDF 吗?

我正在开发一个使用 mxGraph 的项目,我需要以 PDF 格式导出高分辨率输出以获取服务流程图。我尝试使用 Java Swing 客户端 JGraphX 重新创建图形并将其导出为 PDF,但结果与浏览器显示的结果并不接近。

客户端的 JavaScript 中没有 PDF 导出,mxGraph 是否明确支持从 JavaScript 生成 PDF?

0 投票
1 回答
1566 浏览

javascript - 如何在 mxGraph 的顶点上添加自定义图像

我想从 javascript 以编程方式在顶点/单元格上添加图像,任何人都可以向我展示如何执行此操作的示例。注意:我的单元格对象具有不同的形状(椭圆、菱形等)

谢谢

0 投票
1 回答
563 浏览

javascript - 使用 IE 10 兼容模式使用 Mxgraph 旋转单元格

我的 mxgraph(版本 2.1.0.9)上有一个泳道/容器单元。当单元格旋转 270 度时,在兼容模式下使用 IE 10 时,单元格标签不会随单元格旋转。标签在所有其他经过测试的浏览器中都能正确旋转,这是唯一一个失败的浏览器。

通过使用 IE 10 访问 www.draw.io,打开开发者工具并将浏览器模式设置为 IE10 兼容视图(页面刷新),将容器放到图形上(库部分中的第一个形状),可以看到该问题,抓住旋转手柄并旋转它。

结果是泳道的标签不随单元格旋转。旋转后单元格的样式为:

我尝试将此代码添加到 HelloWorld 示例(http://jgraph.github.io/mxgraph/javascript/examples/helloworld.html):

在 IE 10 兼容视图中,问题是一样的。在这种情况下,可以使标签与单元格一起正确旋转吗?