问题标签 [cytoscape-web]

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 投票
2 回答
429 浏览

cytoscape.js - 节点的徽章位置

我正在尝试将徽章添加到我的 cytoscape.js 节点。徽章是 HTML 元素。我正在使用引导徽章

这是带有徽章的元素。(徽章的颜色无关紧要) 在此处输入图像描述

当我缩小时,徽章的位置设置不正确。他们向下向右一点。这是为什么?

徽章下降了一点

这是我设置位置的代码。我只是将徽章放在节点的左上角。但我删除了 HTML 元素的宽度,使其看起来像在节点内部

0 投票
3 回答
1032 浏览

javascript - React Cytoscape JS:所有节点都累积在一个位置

使用 dagre 创建路径时,整个节点会累积在一个位置。我们如何为节点设置默认位置(没有反应的 Cytoscape js 工作正常)而不是使用节点的位置属性单独设置位置。

预期结果: 预期结果

当前结果: 当前结果

0 投票
1 回答
1274 浏览

javascript - 如何使用不同的颜色来标记 cytoscape.js 中的节点?

目前我正在尝试实现这个功能:

我在网站上创建了一个颜色选择器。一旦用户选择了特定的颜色,他/她选择的节点及其相邻节点的颜色将变为点击后选择的颜色。

例如,在下面的例子中,如果我选择“red”,然后选择节点“cytoscape”,“cytoscape”和“cytoscape.js”都将是红色的。现在,如果我将颜色更改为“绿色”,然后单击“测试”,“测试”节点将变为绿色,但“cytoscape”和“cytoscape.js”仍保持“红色”。有人知道该怎么做吗?

谢谢!

这是我的代码:

0 投票
1 回答
156 浏览

cytoscape.js - 通过 cytoscape.js 设置绘图边缘长度时如何将参数传递给 cola.js?

我是 cytoscape.js 的新手,我遇到了一个关于通过 cytoscape.js 设置策略边缘长度的问题。我知道扩展 cola.js 可以提供帮助。但我不知道如何将参数传递给 cola.js 设置选项。我的代码是这样的。

数据.json:

html:

如您所见,我想将edges.data.range 传递给edgeLength。但我没有成功。希望有人能帮助我。提前致谢!

0 投票
1 回答
363 浏览

javascript - Cytoscape.js - 查找所有公共节点并保留它们

我有一个图表: B -> A, C -> A, C -> D 其中节点 B 和节点 C 属于同一类型。

我想仅查找并保留节点 A 之间共享的公共节点。如何在保留图形的其余部分的同时过滤和删除节点 C -> D?

0 投票
1 回答
24 浏览

cytoscape - 在 Cytoscape 中更改聚类系数

如果我更改任何参数,如聚类系数、平均最短路径长度,它不会对网络的可视化产生任何影响。 在此处输入图像描述

0 投票
0 回答
117 浏览

cytoscape.js - Cytoscape-cxtmenu.js :根据条件显示菜单命令

我有一个使用 cytoscape 版本 3.15.2 和 cxtmenu 库版本 3.1.1 的应用程序。我有一个案例,我想根据条件在某些边上添加条件。我有一个名为“信息”的命令,我将其应用于图表中所有边缘的菜单:

我有另一个名为“expand”的命令,我想将其应用于边缘的扩展属性值为 true 的边缘。因此,对于满足此条件的边缘,我希望 info 和 expand 命令都可用。为此,我创建了另一个菜单变量,如下所示

当我使用这个实现时,我将两个菜单变量都应用到图表中,我在图表上看到以下内容。

在此处输入图像描述

如果您观察到,info 和 expand 命令与我在所有边缘上应用的 info 命令重叠。我不确定如何使用选择器条件将命令应用于所有边缘和基于条件的一些命令。

我还想知道是否可以使用 selector: 'edge[type.contains'expand']' (子字符串检查)之类的东西作为选择器条件。

此外,我无法创建可重现的示例,因为这是一个非常庞大的应用程序的一部分。对此感到抱歉。

0 投票
1 回答
216 浏览

cytoscape.js - cytoscape 的样式表不生效。文字和图表显示不正确

我正在尝试使用 cytoscape 创建下图。

https://pathwaycommons.github.io/cytoscape-sbgn-stylesheet/

我已经安装了 cytoscape-sbgn-stylesheet 和 cytoscape 作为我的 Angular 应用程序的依赖项。

这是角度应用程序的代码

```

但我没有看到图表的实际样式,也没有看到任何标签。我究竟做错了什么?

这是我看到的没有节点样式和标签的图片

在此处输入图像描述

0 投票
1 回答
218 浏览

cytoscape.js - Border-Shadow 并减小 cytoscape 中父元素 css 的大小

我有以下图像:

在此处输入图像描述

我正在尝试为矩形形状添加边框阴影。这在细胞景观中可能吗?此外,父元素是客户和订单。我可以减少客户和订单父元素的大小吗?

这是代码和工作示例的链接: https ://stackblitz.com/edit/angular-kpnys1?file=src%2Fapp%2Fdemo_test.json

0 投票
1 回答
436 浏览

cytoscape.js - 如何在不删除子节点的情况下删除父节点

这是我在reactjs 中使用的代码示例。

selectedNode.id是父节点的 id,但它会删除该父节点内的所有子节点。如何仅删除父节点而不删除其后代?

这个问题与此处的“删除/隐藏复合节点而不删除/隐藏后代”类似,但如果提供一些代码示例,我将不胜感激,因为在此处的文档http://js.cytoscape.org/#collection/graph-manipulation /eles.move我们有一个边缘的浅代码示例,但我对节点感兴趣。

谢谢