问题标签 [cytoscape-web]

我正在我的 reactjs 应用程序中使用 cytoscape.js 进行图形可视化。我想要做的是为用户添加保存和呈现链接到他们的个人资料的图表的能力。我正在使用@auth0/auth0-react 验证我的反应应用程序。我通过将图形下载为 JSON 文件将图形导出到 JSON，然后将图形导入回我的应用程序。将图表导出到 JSON 文件并将相同的 JSON 文件上传回应用程序可以正常工作，但是我想实现保存到内存/数据库（postresdb）功能，并且保存的图表应该与当前用户相关联。我拥有的唯一代码是下载到 JSON 文件并上传回应用程序。任何有关代码片段的帮助将不胜感激。

下载图表的代码：

以及上传图表的代码：

总而言之，这是我现在希望实现的目标：

• 防止我的图表在我刷新浏览器或注销应用程序时丢失。我希望他们坚持下去。

I am trying to add class on the tap of the node in cytoscape.js. Here is the link for the complete code:

https://stackblitz.com/edit/angular-kpnys1?file=src%2Fapp%2Fapp.component.ts

ngViewAfterInit function

Tap works fine but it does not add any class to the node. Is that possible?

我正在尝试为 cytoscape 中内置的图形创建一个单独的角度组件。现在我试图在 Angular 的另一个组件中使用相同的组件，但它没有做任何事情。它还给了我一个错误错误 - 无法读取 null 的属性“className”

这是 Stackblitz：

https://stackblitz.com/edit/angular-xvrntx?file=src%2Fapp%2Fdata-cytoscape%2Fdata-cytoscape.component.html

单击图形并打开控制台

我正在使用 Cytoscape Dagre 扩展从左到右显示层次图。它有 14 个孩子和一个父母 1 和主要父母。所有孩子都连接到父母 1，但每当我使用 dagre 扩展绘制图形时，似乎孩子之间是相互连接的。他们之间没有任何优势，但达格雷仍然表明了这一点。带有 Dagre 的 Cytoscape 是否能够显示具有多个子级的层次图？

这是 stackblitz 示例：https ://stackblitz.com/edit/dagre-childrenconnected

我正在使用 Cytoscape Dagre 扩展从左到右显示层次图。它有 14 个孩子和一个父母 1 和主要父母。我正在使用节点数计算容器的高度。然后我在创建布局后调用 fit 函数，但它不起作用。

我添加了一个适合按钮，如果我在加载图表后单击它，它就会起作用。我究竟做错了什么？我希望在图形初始化后调用拟合函数。

这是 stackblitz 链接：https ://stackblitz.com/edit/dagre-childrenconnected-fit?file=src%2Fapp%2Fapp.component.ts

您可以尝试单击 Fit 并在单击 fit 按钮时查看图表是否正确拟合，但如果刷新页面则它不起作用。

正如您在下面看到的，并非我声明的所有节点样式都有效。我想让节点内的文本更大，在文档中我找到了代码：'labelFontSize'：100。然后，我想让边缘权重（你在图片中看不到但存在）白色，并且代码“labelFontColor”：“white”不起作用。我正在使用 CytoscapeJs。

有人可以向我解释为什么会这样吗？

我的代码如下：

这是结果图：

我试图通过传入节点的 id 来调用方法，但它一直说该方法不是函数。

这是 stackblitz 链接：https ://stackblitz.com/edit/cytoscape-call-method?file=src/app/app.component.ts

您可以单击任何节点并查看控制台错误。它说 this.showId 不是函数。

一些代码

我也尝试过使用tap，但它仍然给出同样的错误。

我目前正在使用 Cytoscape 创建一个包含 500 个节点的大图。我正在使用 Dagre 进行分层布局。目前，由于节点数量较多，屏幕上的图形很小，但这是有道理的

创建图表后，有没有办法专注于单个节点。或者我可以放大图表的一部分吗？

我曾尝试在 dagre 上使用动画过滤器，但它会为整个图形设置动画，并且不会聚焦或放大图形的一个节点或一部分。

也试过缩放，但我只想同时缩放一个或一组节点

我正在使用 dagre 布局在 cytoscape 中创建分层图。

问题链接：这是链接：https ://stackblitz.com/edit/cytoscape-call-method-pmydxv?file=src%2Fapp%2Fapp.component.ts

当我添加子节点时，dagre 的层次结构消失了。现在，即使没有边，它也将 Parent 2 连接到 Parent 1。当没有子节点时，dagre 工作正常，您可以在以下链接中看到：

https://stackblitz.com/edit/cytoscape-call-method-bpsacm

即使父节点中有子节点，如何确保 dagre 层次结构正常工作

我正在使用 cytoscape.js 创建一个图形，并且我在父节点内有复合节点。我想在节点顶部但在节点内部有主/父节点的标题。这在细胞景观中可能吗？

我尝试过使用 halign 和 valign。每当我使用最高值时，它都会显示在框外。

是否有一个扩展或插件可以让我们做到这一点？

子节点示例：https ://stackblitz.com/edit/cytoscape-call-method-child-efmbaj?file=src%2Fapp%2FstylesheetObject.ts