问题标签 [ngx-graph]

我正在尝试在我的项目中使用 ngx-graph 来绘制分层图。我对连接两个节点的链接有疑问。我已经尝试了所有曲线类型，但没有得到预期的结果。

以下是一些代码片段：

HTML

TS

我得到的输出是：

预期输出为：

任何帮助或建议将不胜感激谢谢。

我是 NGX-GRAPH 的新手。我正在尝试构建一个有向图。这是我的代码：

ngx-graph.component.html：

ngx-graph.component.ts：

这是我的服务返回的 JSON：

服务器服务.ts：

使用此代码，该库可以正常工作。我获得了基本图表，例如“快速入门”页面https://swimlane.github.io/ngx-graph/#/#outputs中的图表。

但是，如果我尝试自定义仅添加此部分而不更改其他任何内容的节点：

我的ngx-graph.component.html变为：

图中的节点消失，边缘仍然显示但没有节点。我在控制台或角度没有错误。

我还将这段代码添加到我的 ngx-graph.component.ts 中，以触发更新，但没有任何改变：

这是我的app.module.ts：

我遵循这个：

快速开始安装包：npm install @swimlane/ngx-graph --save

将 NgxGraphModule 导入你的 Angular 模块

添加 ngx-graph 组件

问题是什么？

也许我必须导入快速入门页面中未指定的其他内容？

提前致谢。

我正在尝试使用ngx-graph创建一个 cron 树，并将每个节点链接到一个弹出窗口，所以我选择了“ @material-extended/mde ”，我遇到的问题是我正在尝试定义按节点弹出内容，所以我尝试使用属性“数据”。但是，每当我向节点添加任何新属性时（除了id 和 label）时，解析都会失败并且所有节点都会变黑。

有什么办法可以使弹出内容工作，我计划根据节点将表单和数据网格放入弹出窗口？

这是我正在处理的 stackblitz 的链接

它总是在带有附加字段的节点上失败，所以我认为这应该是一个解析问题，或者节点结构是预定义的，并且不能有超过 2 个字段（id 和标签）的图形。

ngx-graph 有问题。是否可以将连接路径的起点和终点指向节点的中心？我的 svg 节点大于子元素，例如：

我尝试实现自定义曲线，实现自定义布局并尝试覆盖子（GraphComponent）方法“generateLine()”。每次我遇到人工制品和新问题时，没有什么能带来成功。你有这个问题的简单解决方案吗？

我正在使用 NGX Graph 'linkTemplate' 在链接（边缘）的中间添加圆圈，但缺少对齐。我正在使用 transform 属性来对齐链接中间的圆圈。如何计算精确坐标以将圆圈（带图标）放置在链接的中间？

这是我上图的代码

Stackblitz 链接：https ://stackblitz.com/edit/ngx-graph-demo-quawhu

我想从 angular 10 的左侧组件中拖动各种流程图形状，即矩形、正方形、圆形等基本形状以及流形状、连接器和 BPMN 形状，并将其拖放到右侧角画布组件并连接放置的节点/shapes 在右侧组件中使用连接器（如带箭头的直线）来绘制有意义的流程图。此外，如果我想拖动右侧组件中的形状或节点，连接器也应该能够随着连接移动节点/形状。即使我想对节点/形状进行编辑或执行任何操作。我只需要使用 html 和打字稿在 angular 10 中执行此操作，但仅使用开源外部 angular 10 库。请让我知道我该怎么做做吗？请与 html 和 typescript 代码分享相同的示例或演示？

我有以下图表：

现在它只是填充：

如果我使用以下命令运行它，我没有任何问题，我的节点将毫无问题地显示：

如果我运行其中一个命令，则会出现错误：

错误 ：

提前致谢

在 ngx-graph 上，是否可以更改链接模板？如果是，如何更改链接的颜色。默认情况下，它是黑色的。

ngx-graph 用于以角度绘制流程图。该算法会自动以适当的间距对齐节点。还有一个功能可以将节点从它们的初始位置拖动但是在页面刷新时，用户所做的所有更改都会丢失，因为算法会重建图形。

用户重新定位图形后是否可以保存图形的状态？

这是当前状态的样子

这就是我想要实现的