问题标签 [jgraph]

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 回答
5653 浏览

javascript - 更改 mxgraph 单元格/顶点上的标签

我创建了一个界面,包括 mxgraph (javascript),它允许用户单击单元格并以与图形分开的常规文本输入形式编辑单元格的标签。我想在用户保存表单(ajax 提交)后更改单元格的标签,而无需重新加载图表。

我真的不需要对单元格/顶点标签做任何花哨的事情,但我确实需要能够更改它的文本。如果可以避免的话,我不需要 HTML 标签。而且,我还没有在 API 中找到类似“setLabel”方法的东西。

听起来很简单。我错过了什么?

谢谢

0 投票
1 回答
1062 浏览

java - 如何获取 mxCell 的坐标?

我需要获取我通过他的 ID 找到的 mxCell 的坐标(x,y),但是当我在其上调用 getGeometry() 时,它给了我 null 并且在我得到 NullPointerException 之后。

map 是包含所有图形的 mxGraphComponent。

我错过了什么?

0 投票
1 回答
1048 浏览

java - 如何在 JFrame 上显示图形

我有一个 JPanel 来创建一个无法编辑的图形。

当图形显示时,边名被 JFrame 的边界所覆盖。

如何在不被 JFrame 覆盖的情况下显示该边缘名称?

我的例子

在此处输入图像描述 这是我的代码:

0 投票
1 回答
2316 浏览

javascript - 如何获取 mxGraph 的/JGraph 选定单元格,包括其子元素?

当我们使用 graph.getSelectionCells() 获取选定的单元格时,它只返回被选中的外部单元格,但是,我还需要获取它的子元素。

返回的单元格中不包含其子元素的详细信息。

0 投票
1 回答
901 浏览

javascript - 自定义 Jgraph mxCell 的连接输入和输出

在 Grapheditor 的 Sidebar.js 中,有一些我感兴趣的createVertexTemplateEntry()调用的情况。特别是图像设置为样式的情况,即:

我想保持这种特殊的风格,并且还能够定义连接引脚,例如,在 x,y 坐标 (x,y\in[0,1]) 处有 2 个输入连接和 1 个输出。目前我通过附加到样式字符串来做到这一点,从modules.xml"shape=mxgraph.modules.someobject;"的 someobject 节点读取 N/S 字段。但是,一旦我添加到现有样式,则不再显示图像,但输入/输出连接引脚已正确定位。"shape=..""image;..."

问题:有没有办法让它保持图像样式并能够定义连接引脚坐标(通过样式字符串或通过 xml 模板定义猜测)?

0 投票
1 回答
526 浏览

mxgraph - 当图形包含在 div 中时,mxGraph 中的工具提示位置会偏离

我正在使用mxGraph的基本示例,可以在此处找到:graphEditor开始。

在上面的示例中,工具提示从左侧边栏中的图标右侧打开。例如,形状、线条等。

我的图表包含在页面上的一个较小区域的 div 中......但是工具提示现在向左浮动,好像这个东西仍然是全屏一样。我不确定如何分享其他详细信息,但希望使用 mxGraph 标记此内容的那些有此工作经验的人可能会遇到同样的问题。

0 投票
1 回答
1009 浏览

java - jgraphx:分层布局减少节点之间的距离

我正在使用 jgraphx 来可视化方法内部的控件。因此,我正在使用mxHierarchicalLayout. 但在结果图中,两个节点之间的距离太大。(见图片)

在此处输入图像描述

我想减少黄色标记的区域。

我添加节点:

将它们全部设置到同一个位置。之后我使用 mxHierarchicalLayout:

有没有办法压缩图形用户界面?

0 投票
1 回答
295 浏览

mxgraph - MxGraph - 用于单元格 ID 值的 Javascript 函数

当我们将对象拖放到图表画布中时,id 属性将分配给该对象。id 值是唯一的。mxgraph 中的哪个 Javascript 函数调用了单元格的分配 id 值?

0 投票
1 回答
1941 浏览

mxgraph - MxGraph - 使用 JavaScript 导出图表

在 MxGraph 中,当导出图表时,我们将 XML 值传递到服务器端并转换为图像。Javascript(客户端)中是否有任何选项可以导出图表,意味着仅使用前端(Javasript)将 Graph xml 转换为 jpeg 或 png 图像。

0 投票
1 回答
503 浏览

javascript - 将 mxCodec 和 mxGraphModel 对象保存到 localStorage

我在 Angular Web 应用程序中使用 mxGraph,它可以在保存 mxGraph 图形的不同页面之间切换。

显示当前绘图的组件使用 mxGraphModel 和 mxCodec 对象作为属性。需要保存mxGraphModelmxCodec对象:

使用众所周知的命令进入 localStorage:

以便可以在页面刷新时检索它们。

mc变量用作 Angular 组件的属性,它们包含图形信息和样式,因此每次刷新页面时都会重新加载,这是我需要通过将其最后一个版本保存为本地存储来避免的。

现在我知道上述命令将不起作用,并且通过 JSON 对它们进行字符串化也不起作用:

问题:是否有 mxGraph 库函数,一种可以将这些对象转换/编码为字符串的方法,反之亦然,从字符串(以便可以使用 localStorage 保存它们)?

如果不是,那么保存 mxGraph 对象以避免在页面刷新时更改它们的适当方法是什么。我在 Angular 中使用单例类来保留它们,这对于在页面之间切换是可以的,但是,一旦调用刷新,所有类(包括单例)都会再次构造,并且我当前的图形绘制丢失了。