问题标签 [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.
cytoscape.js - 如何在 cytoscape.js 中实现通过单击节点在两个节点之间添加边的功能?
当用户首先单击一个节点然后单击第二个节点时,我想连接两个节点。
javascript - How to have a node's name be different than its ID using Cytoscape.js?
I'm building a web application using Cytoscape.js that visualizes protein interaction data.
Proteins (nodes) need to have ID's corresponding to strings representing their chromosome locations, because this is universal. However, I would like them to be visualized or displayed alongside their common names, and not their ID's.
Any idea how to do this? The Cytoscape documentation doesn't seem to have an answer.
python - 如何根据存储在每个节点中的计数创建同心图?
我有每个节点的计数参数,在此基础上我想创建同心图,即离中心最近的节点比外部节点有更多的计数。我怎样才能实现它?
为此,我在我的 javascript 中包含了以下代码,但我不知道如何使用它。
javascript - 如何根据边的数组对象内的数据选择边?
我正在尝试根据传入的字符串选择边缘。这是一个示例 json:
}
每条边可能有一个单一的来源,或一个来源的数组。我想选择所有具有我传入的字符串的 sourceId 的边。因此,如果我传入一个字符串“1368140”,我想获取所有包含 sourceId 为“1368140”的源的边。
我尝试了几种不同的方法来选择它,包括:
或者
或者
以及似乎所有其他排列。有谁知道我如何正确选择这些边缘?
cytoscape.js - Cytoscape js - 每当单击节点时调用一个函数
我像这样初始化细胞景观:
然后我添加了一个函数,只要用户双击视口,它就会添加一个新节点。
然后我写了这个函数,每当用户点击一个节点时都会调用它。每当用户单击我在初始化 cytoscape 时手动添加的节点时,它就可以工作,但问题是它不适用于用户通过双击添加的节点。
知道我在做什么错吗?
javascript - Cytoscape-cise 布局扩展不会在大图上加载
我正在尝试使用Cytoscape CiSE layout extension
以集群形式显示我的图表。它相当大,大约。50,000 个节点,所有节点组合之间有有向边。
元素从 Cytoscape 桌面应用程序导出为json
文件。我只是想在给定元素和集群功能的情况下运行布局,但它只会过度加热我的计算机并不断在浏览器窗口中加载。
我已经尝试在一个可以工作的小示例图上运行布局,并且我没有添加任何额外的样式或动画,只是简单地将节点和边换成更大的图。我无法想象我能做哪些优化,因为我纯粹是在尝试运行基本布局。
CiSE 布局是否存在任何已知的性能问题?
或者
如果我只需要一种简单的方法来指定集群并将它们设置为圆形组的样式,是否有任何替代布局扩展可以尝试?
cytoscape.js - 如何在 cytoscape.js 中向节点的数据字段添加属性?
我正在尝试使用“父”字段动态更新我的 cy 对象的节点。首次从 json 文件加载元素时,它们没有父字段。文档说我应该能够简单地设置一个特定的数据字段cy.data( name, value )
。但是,这似乎只适用于属性名称是已经存在的。
我曾想过创建每个节点的副本以添加我的父属性,然后删除旧节点;但是我的图表非常大,这似乎是最后的手段。
javascript - 使用 cytoscape-graphml.js 解析 cytoscape.js 中的 graphml 文件
我正在做一个cytoscape.js项目。我有一个 graphml 文件(一种用于表示图形的基于 XML 的文件格式),我需要在浏览器上显示它。为此,我使用扩展库cytoscape-graphml.js从 graphml 文件导入图形。一切正常,但问题是节点的位置丢失了。
我查看了cytoscape-graphml.js的代码,发现这个库忽略了节点的所有细节,只读取节点的“id”。以下是该库中的一段代码:
我对节点的位置感兴趣。我的 graphml 文件中的一个节点如下所示:
我想编辑库中的代码,以便它至少可以读取我的 graphml 文件格式的“x”和“y”的值。我尝试了这样的事情,但我得到了 x 和 y 的 (0, 0):
有人可以建议怎么做吗?
javascript - 需要使用 Cytoscape.js 过滤在 cloudmapper 中选择的区域
最初会加载 cloudmap.js,您可以在 js 下找到该文件。在左上角,有一个“删除”按钮,它将删除选定的区域,但我的要求是显示选定的区域。
这是现有的代码
我已经尝试了很多诸如“:unselected”名称:“show”之类的东西。但没有奏效。请帮助我们解决这个问题。
这是链接(https://github.com/duo-labs/cloudmapper)
这是源代码(https://github.com/duo-labs/cloudmapper/tree/master/web)
javascript - 在 Cytoscape JS 中选择节点时更改颜色
我想将选定节点的颜色更改为与预定义背景颜色不同的颜色。但是,一旦我在“样式”中为节点定义了背景颜色,颜色就不会变为蓝色(默认行为)。
这是我定义的样式:
有人可以帮忙吗?拉兹鲁