问题标签 [ngx-graph]

我使用 Angular 7 中的 ngx-graph 库来显示层次结构图。我的设置如下所示：

我试图在 ngx-graphs 代码的 let-node 之间放置一些东西，使用 ng-container 来不破坏模板层次结构，并在 svg 周围使用 cursor 属性包装样式，但它没有帮助。

替代方案是什么？我根本找不到与该问题相关的任何内容，ngx-graphs 的文档似乎不完整且奇怪。

我在 ngx-graph 中收到此错误“ERROR TypeError: Cannot read property 'color' of undefined”，这是我在 ngx-graph 中使用的代码

{{node.label}} {{link.label}}

所有布局都在 LayoutService projects/swimlane/ngx-graph/src/lib/graph/layouts/layout.service.ts 中声明

我可以创建一个新布局，但 LayoutService#getLayout() 无法发现新布局。

我得到：抛出新的错误（Unknown layout type '${name}'）；

我想将集群节点中的标签移动到顶部而不是中心。虽然我可以创建自己的自定义布局，但在我查看代码时，似乎 DagreClusterLayout 中有一些选项可能会为我执行此操作

我不知道您将如何从 HTML 中执行此操作。所以我开始：

并将其更改为

假设我需要创建一个新对象来更改设置。

在我的组件 TypeScript 文件的标题中，我有：

和我的身体

但是，我没有正确导入，因为我收到错误：

即使我尝试更改设置不会达到预期的结果，我也会有兴趣知道如何更改设置。

是否有任何用于图形（网络拓扑）可视化的 javascript 库，支持自定义图像作为背景并支持缩放？想法是使用平面图（jpg/png）并根据节点的实际位置更改节点的位置。我找不到任何带有背景图像的示例。谢谢！

示例截图

我正在使用 ngx-graph 来显示一些图形。由于没有直接下载图形的功能，我环顾四周，发现人们使用 ngx-charts 和 html2canvas 来生成可下载的图表画布。

现在我正在尝试使用 html2canvas 生成我的图形的可下载画布，但是 html2canvas 生成的画布使我的图形的一些内容变黑。

1) 缺少部分节点块文本

2) 链接节点的线丢失，而箭头提示可见。

div 的样子

html2canvas 中的画布看起来如何

我的 ngx-graph 实现中的代码：

我的 html2canvas 实现中的代码：

我感谢任何帮助，还包括 ngx-graph 的替代品，我想要实现的目标可能更直接。

非常感谢。

我第一次使用 ngx-graph。我正在尝试限制它们链接的元素上的链接位置。例如我有下面的情况。我将有多个链接来自父母并前往子节点。

我想要的只是链接起点和终点位于父母和孩子的同一个位置。在我提供的图像中，我希望父母的右侧垂直中心和孩子的垂直中心左侧。我看到文档上的“自定义曲线”示例在一定程度上说明了这一点，我只是很难在我的节点或链接模板中为大型 div 复制相同的设置。他们一直想重置到元素的顶部或底部。

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

如何使用 ngx-graph 设置树的顺序？我尝试使用数组中节点/链接的顺序，但似乎该库有自己的算法将它们放入视图中。

在下面的示例中，我需要将它们放置为（从上到下）：

1.大树

2. '3' -> '4'

3. 'd1' -> 'd2'

示例： Stackblitz

我正在尝试使用 ngx-graph 库创建一个图形（我是新手）。我正在尝试以动态方式创建节点和边。我从服务中获取信息，并将这些数据推送到两个单独的数组（节点和边）中。问题是数据被正确推送，但我的图形在同一位置创建节点和边。（x=0 和 y=0）。我也试图强迫这个位置，但不要改变。

在我的 .ts 组件中，我添加了节点和边：

}

最后我总是在控制台中出现这个错误

数据静态设置时显示图表。但是当尝试与 API 集成时，链接无法显示。

我已验证数据已成功获取，并且节点和链接已成功设置为有效数据。

显示节点并显示链接标签，但不显示链接。

链接：

• Github 问题提出：https ://github.com/swimlane/ngx-graph/issues/266
• stackblitz 链接：https ://angular-bge4wk.stackblitz.io/flow （静态数据）
• https://angular-bge4wk.stackblitz.io/flow1（集成API）