节点不会出现在cytoscape.js中
是因为cytoscape.js是一个用于可视化网络和图形的JavaScript库，它主要用于绘制和操作图形元素，如节点和边。节点是图形中的一个重要组成部分，它代表网络中的实体或对象。然而，在cytoscape.js中，节点不会直接出现，而是通过使用cytoscape.js的API来创建和操作节点。
在cytoscape.js中，可以使用以下步骤来创建和操作节点：
- 创建一个空的cytoscape.js实例：可以使用
cytoscape()函数创建一个空的cytoscape.js实例，该实例将用于绘制和操作图形元素。 - 添加节点：使用
add()方法向cytoscape.js实例中添加节点。可以指定节点的唯一标识符、样式、位置等属性。 - 设置节点样式：可以使用
style()方法来设置节点的样式，如颜色、形状、大小等。 - 操作节点：可以使用cytoscape.js的API来操作节点，如移动节点、删除节点、获取节点属性等。
节点在cytoscape.js中的应用场景包括：
- 可视化网络：cytoscape.js可以用于可视化各种类型的网络，如社交网络、生物网络、计算机网络等。节点代表网络中的实体，可以通过节点的属性和连接关系来展示网络的结构和特征。
- 数据分析和可视化：cytoscape.js可以用于分析和可视化复杂的数据集。节点可以代表数据集中的数据点或实体，通过节点的位置、颜色、大小等属性来展示数据的特征和关系。
- 图形编辑器：cytoscape.js可以用于构建图形编辑器，用户可以通过添加、删除、移动节点来创建和编辑图形。节点代表图形中的元素或对象，用户可以通过节点的属性和连接关系来编辑图形的结构和样式。
腾讯云提供了一系列与云计算相关的产品，其中包括与cytoscape.js类似的可视化工具和图形库。您可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。
相关·内容
1回答
我希望使用cytoscape.js为每个节点使用两个标签。一个在节点内部，另一个在节点外部，就像这个链接图像。
我对外部标签使用了qtip，但是我需要打印(ctrl+p)这个页面，并且qtip div的位置是绝对的(来自文档)，所以它们不会出现在正确的位置。
有没有一种方法可以修改两个标签的cytoscape.js，或者我如何防止qtip出现这种行为？
谢谢！！
浏览 10提问于2015-11-21得票数 2
1回答
我有一个呈现的cytoscape.js图。我感兴趣的是利用预设的布局来放置节点。cytoscape.js文档显示了预置布局的以下内容：
var options = {
name: 'preset',
positions: undefined, // map of (node id) => (position obj); or function(node){ return somPos; }
zoom: undefined, // the zoom level to set (prob want fit = false if set)
pan: undefi
浏览 4提问于2017-03-16得票数 0
回答已采纳
我使用Cytoscape.js来表示网络图。我可以一次高亮显示多个节点，方法是选择第一个节点，然后选择第二个节点，同时保持shift键。
如何在Javascript中获得我选择的所有节点in？例如，如果所有同时选择的节点ids都被组织到Javascript列表中，那么这将是理想的。
我查看了cytoscape.js文档，但找不到所描述的位置。
浏览 1提问于2018-02-19得票数 1
回答已采纳
我正在测试Cytoscape.js的呈现性能。
我的图包含大约5000个节点和5000条没有x，y位置的边，使用Cytoscape.js的自动布局。但是，在呈现所有节点和边缘后，使用euler布局扩展需要超过15秒，图形页面的浏览器将在下一次操作中停留一段时间或缓慢响应。如前所述，Cytoscape.js受到浏览器性能的限制。我们从java服务器客户端加载json数据，并使用for循环加载数据，然后使用layout.run()运行自动布局。如何提高大数据的性能？
x，y位置的数据会提高性能，对吧？但我们不知道如何在Java中循环x，y的位置。你能给我看看吗？Cytoscape.js中的布局有j
浏览 2提问于2018-05-15得票数 4
2回答
cytoscape.js是否支持折叠/扩展复合节点？
Eg. before collapsing
node1 (-)
--node1.1
--node1.2
------node1.2.1
崩塌后
node1 (+)
一个(+)或(-)符号展开/倒塌将是很好的。
寻找使用复合节点对一组节点进行分组的选项，并通过用户交互进行折叠/展开。如果cytoscape.js在默认情况下不支持这一点，那么有什么替代办法/解决办法来实现这个目标呢？
浏览 6提问于2015-05-27得票数 5
回答已采纳
1回答
在Cytoscape.js中是否有“真正”的部分布局选项？
我尝试了以下建议的选项：
使用乔木层并锁定我不想重新布局的节点
只在图中的某些元素上执行layouter，使用makeLayout函数，并在提供此选项的layouter上将avoidOverlap选项设置为true。
在这两种情况下，layouter都没有考虑到已锁定或未被锁定的现有节点，这导致了图中的节点重叠。
浏览 1提问于2015-08-30得票数 1
回答已采纳
如何禁用要选择的cytoscape.js图中的某些节点/边？“unselectable:true”选项不起作用。有没有人能链接一个工作的例子？
谢谢
浏览 27提问于2018-01-16得票数 3
回答已采纳
在cytoscape.js中，compoundNode.remove()从图中删除复合节点及其后代。
是否有一种方法只删除复合节点并保留后代？
浏览 0提问于2014-12-01得票数 3
回答已采纳
1回答
我试图使用cytoscape.js动画来可视化节点是如何插入到特定类型的树中的。我需要运行许多不同的动画，包括操作一个序列中节点的位置。当我尝试使用delay运行它们时，它没有工作--它们没有按顺序运行，所以我正在创建动画，将它们推入这样的数组(这是一个例子，我有不同类型的动画)：
animationArray.push(cy.nodes("[id='" + node.key + "']").animation({
position: { x: current.x + 50, y: current.y + 50 },
浏览 1提问于2019-02-05得票数 1
回答已采纳
我正在努力学习cytoscape.js，而且我对它还是个新手。我从派样式的图形演示中获取了代码，并使用它。我刚刚向所有节点添加了父节点，并注意到所有父节点的节点形状都变成了“正方形”。我甚至尝试在css初始化中将形状样式添加到“circle”中，但是没有用。我想在我的项目中使用这种图表。任何帮助都是非常感谢的。谢谢！
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[Cytoscape.js pie style]" />
浏览 1提问于2014-08-22得票数 0
使用cytoscape.js，我可以将数据的name属性显示为如下所示的标签：
'label': 'data(name)'
是否有可能在不更改数据中的name的情况下显示已编辑的版本？例如，如下所示的子字符串：
'label': 'data({name.split('.')[0]})'
浏览 6提问于2022-11-22得票数 0
我有一个用Cytoscape.js显示图形的页面，但是.layout()在火狐中不起作用，而在Chrome中却不起作用。Chrome显示带有布局的图表。Firefox显示了这个图表，但是所有的节点都杂乱无章。如果我不使用任何布局，在Chrome中它看起来是一样的，所以看起来这个布局在Firefox中是不工作的，因为某些原因。
我尝试了一些来自Cytoscape.js网站()的布局，它们在Chrome中工作，但在火狐中不起作用。我目前使用cose布局()。
Firefox版本为52.0.2
Chrome版为57.0.2987.133
Cytoscape.js是3.0.0版
我的抄本：
$( do
浏览 1提问于2017-04-13得票数 1
回答已采纳
在有几条边的Cytoscape.JS图中，我如何才能只淡入其中一条边？在style标签中有没有什么东西可以做到这一点？
浏览 58提问于2018-07-23得票数 2
我一直在尝试使用cytoscape.js中的dagre布局来创建图形，但是我似乎无法找到节点中的文本，这在dagre-d3中是可以做到的(EDIT: find as in CTRL + F)。
看起来即使是在这样的演示中，这也是不可用的。
你有什么办法让它成为可能吗？
浏览 4提问于2017-07-07得票数 2
我是cytoscape.js的初学者。我正在阅读API文档。
我的问题是，“自动汇总”和“自动锁”在选项中有什么区别？
谢谢。
autoungrabify :默认情况下是否应该对节点进行非抓取(用户不能获取)(如果为真，则覆盖单个节点状态)。autolock :默认情况下是否应该锁定节点(根本不能拖放)(如果为真，则覆盖单个节点状态)。
浏览 1提问于2017-04-19得票数 0
回答已采纳
1回答
我有一个家族树应用程序，它使用Django，我正在尝试将用于UI。
我想在浪漫伴侣之间添加这样的风格：
这就是你通常看到的(方格)。
我对Cytoscape.js完全陌生，在文档或其他线程中找不到任何答案。
浏览 4提问于2015-10-06得票数 3
我是Cytoscape.js的新手，我正在努力使网格布局工作起来。我有9个节点，格式如下：
{
data: {
id: 'a1',
name:'CCDS 4.1 (new)',
width: 0,
color: '#BD4A3B'
},
position: {
x: 1,
y: 0
},
group: 'nodes'
}
我希望这会出现在我的网格的第二行，第一列。
我还指定了以下布局选项。
layout: {
name: 'grid',
浏览 2提问于2018-08-22得票数 1
1回答
我是Cytoscape.js的新手，但是我不确定如何让用户能够使用鼠标左键+ command键来选择多个节点？我确实为boxSelectionEnabled设置了初始化选项: true ()
任何帮助都将不胜感激。
浏览 3提问于2016-11-17得票数 1
我正在使用cytoscape.js生成一个可视化的网络拓扑。有没有办法在节点本身或节点之间的连接上显示额外的数据(例如网络接口)？谢谢!
浏览 2提问于2013-10-21得票数 0
我试图动画的变化之间的布局之间的Cytoscape.js图。
当从cose切换到网格时，更改将被动画化。当从网格切换到cose时，只显示结束位置而不显示任何动画。
我使用一个简单的测试场景，从网格布局中的一个小图开始，并使用下面的代码来切换布局：
...
function changeLayout(type){
var options = {
name: type,
animate: true
};
cy.layout(options);
}
...
<div onclick="changeLayout('cose')">
浏览 7提问于2016-05-25得票数 2
回答已采纳
我正在尝试在cytoscape.js中点击节点时添加类。以下是完整代码的链接： https://stackblitz.com/edit/angular-kpnys1?file=src%2Fapp%2Fapp.component.ts ngViewAfterInit函数 cy.on("tap", "node", function(evt) {
var node = evt.target;
console.log("tapped " + node.id());
cy.nodes(node).classes(&
浏览 62提问于2021-02-10得票数 0
回答已采纳
我是Javascript和Cytoscape.JS的新手，我尝试根据数据中给出的属性为我的节点使用离散颜色映射。该属性具有五个唯一值(a，b，c，d，e)。换句话说，我想根据属于的组对节点进行着色。
因此：
是否可以根据唯一值的数量自动生成颜色(在这里)如何将这些颜色分配给所有节点
我希望这个问题可以理解。拉兹洛
浏览 4提问于2019-12-20得票数 1
我注意到使用Cola.js (使用Cytoscape.js)，我的大多数布局倾向于形成一个正方形布局，而不是使用我的边界框，它更宽而不是高。 我一直在四处寻找，找到了d3-force，它有一个转换正方形布局(https://bl.ocks.org/steveharoz/8c3e2524079a8c440df60c1ab72b5d03)的forceY选项： ? 到这个更宽的布局： ? 我真的很想为Cola.js做同样的事情，但是我一直在努力做到这一点，并尝试了所有可能的选项，比如设置边界框，禁用缩放等。这可能吗？ 我找到了一个Cola.js的演示，它提供了一些我需要的东西，但无
浏览 60提问于2020-09-11得票数 1
回答已采纳
1回答
我在Ember应用程序中使用Cytoscape.js。我已经为图形创建了一个组件。我尝试在组件的didInsertElement函数中设置图形样式表，如下所示：
this.get("cy").style()
.selector('node')
.css({
'width': '100px',
'height': '100px',
'
浏览 4提问于2015-09-16得票数 1
回答已采纳
1回答
我试图让事件点击最近添加的元素，但它不工作，当我点击旧的元素，它的工作。我在两个节点之间创建一个边缘，当我点击它时，我希望它被移除。
<!DOCTYPE>
<html>
<head>
<title>cytoscape-dagre.js demo</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
浏览 8提问于2016-12-01得票数 0
回答已采纳
我有一个用例，我希望能够将节点的渲染宽度/高度限制为在每个缩放级别都是静态的，即放大不会重新缩放节点的渲染大小，但它仍然会重新缩放和重新绘制其他所有内容。目前在Cytoscape.js中有什么方法可以做到这一点吗？
浏览 0提问于2014-09-05得票数 2
在Cytoscape.js中有几篇关于边或边标签重叠的帖子，但那里给出的答案，比如更小的标签和更分散的节点，对多重图没有帮助，即两个节点之间可以有多个边的图。
有没有一种方法来展开边标签，即使它们都属于相同的两个节点之间的边？边对出现在相同的方向和相反的方向上。
由于我的图非常大，我更喜欢有干草堆边的解决方案，因为性能已经很低了。
浏览 4提问于2018-12-05得票数 1
1回答
角13的细胞角
、、、、
我是cytoscape.js图表的忠实粉丝，我几乎使用了这么多类型的cytoscape.js图表，没有角度，也没有反应。现在，我试图找出一个工作git与角13版本的cytoscape.js图表。我也从官方的网站上得到了一个cytoscape.js，但是它不能正常工作。看来cytoscape.js开发人员并没有集中精力在角度包装上。有人知道这件事吗？
浏览 4提问于2022-09-23得票数 0
下面是我正在做的事情的一个例子：
function showNeighbors(ele) {
cy.add(this.cyData.getElementById(ele.id()).neighborhood());
cy.elements().layout(layoutOpts);
}
这是我能够找到将新节点添加到布局中的唯一原因。我希望添加类似于D3的节点，方法是使用.enter()函数，或者以某种方式将节点添加到当前布局中。这在Cytoscape.js中是可能的吗？
浏览 3提问于2015-10-15得票数 5
回答已采纳
1回答
我尝试将父节点标签放在Cytoscape.js节点的中间，但不幸的是我根本看不到标签。
我可以看到子标签很好，但我想知道父标签是否隐藏在某个地方。我的代码如下。
var parentNode = currentNode + ',parent';
cy.add({group: 'nodes', data: { id: parentNode}});
cy.add({group: 'nodes', data: { id: currentNode, parent: parentNode }});
var eleParent = cy.getElement
浏览 0提问于2018-03-17得票数 0
嗨，我正在为一个学校项目建立一个网络爬虫可视化工具。我决定使用Cytoscape.js，使用起来真的很好。我遇到的问题是，一些布局(圆圈、宽度优先、同心圆)的边长看起来太大了，图形看起来很奇怪。
当我第一次启动应用程序时，我手动创建并加载了一个包含100个节点的图表(它是一棵树)，这在循环布局中看起来很好：
但是，在我执行web爬行之后，新的图(这个图有44个节点)不适合用于圆形视图：
是否有办法使其工作，使边缘不是那么长，节点看起来更大？
编辑：
下面是我用来更改布局的代码：
changeLayout = function(layoutName, title, root){
浏览 4提问于2016-11-19得票数 0
回答已采纳
1回答
我正在构建一个web应用程序，用户可以创建类似于此的二分图：
有时，用户希望构建一个巨大的图，例如，在最顶层有784个节点的图形中，如下一张图片所示。我的应用程序可以处理计算，但结果是丑陋和毫无意义的：
你有什么想法来渲染一个巨大的层，而不只是绘制所有的节点，而是用另一个更漂亮的表示来概括它们呢？
到目前为止，我一直在考虑将一个“巨大”层的所有节点放在一个空的复合节点中，但是当然不可能绘制一些边(因此这个巨大的层看起来就像它与图断开了一样)。另一种解决方案是让所有有超过100个节点的层都有100个节点，并将它们放在一个z索引大于每个节点的z索引的复合节点中；但我还没有尝试过
浏览 2提问于2017-05-19得票数 0
回答已采纳
我正在寻找一个软件，可以让我绘制与自动绘图和用户交互实体之间的关系。我看过cytoscape.js，它看起来真的是一个很好的选择，但我想知道，如果使用这个软件，你可以可视化关系的名称。
这个例子的目的是画两个人，并显示他们的关系，例如，他们是兄弟。
Person1 ====== brother =====> Person2
我需要修改代码来做这件事吗？
浏览 2提问于2013-01-12得票数 3
我是cytoscape.js的新手，我只是想让其他节点在拖动一个节点时跟随。
感谢您的帮助
浏览 12提问于2016-02-15得票数 4
在cytoscape.js中，是否有一种方法可以将节点从内存中完全删除？我编写了一个布局，它通过创建新的节点并将它们添加到图中来巩固节点，但是如果布局是重新运行的，那么我需要删除这些节点并重新计算，但是似乎没有一种方法允许垃圾收集这些节点。
如果有办法做到这一点，或者有其他方法，我应该这样做？
谢谢。
浏览 2提问于2016-05-20得票数 0
回答已采纳
我使用cytoscape.js来可视化来自Neo4j的图形数据。我特别感兴趣的关系之一是父母和孩子的关系，cytoscape.js使这种关系在很大程度上成为了一件轻而易举的事情。
但是，当父节点只包含一个子节点时，该子节点放置在父节点的标签上，因此如果不选择其子节点并将标签写入页面上的其他地方，就不可能读取。
有什么办法可以解决这个问题吗?例如，改变父母的最小尺寸的方法？
编辑:找到了‘节点文本-对齐:顶部’，它将文本放在节点的外部和顶部，从而解决了查看标签的问题。仍然感兴趣的是，如果改变大小是可能的。
浏览 6提问于2020-04-28得票数 1
您好，有没有可能画一个像cytoscape.js一样的对象？
它基本上是一个大圆圈和两个较小的圆圈。较小的不应该单独移动，而是与父大圆圈一起移动？
代码将不胜感激。
浏览 0提问于2015-10-27得票数 1
我想给我的根节点涂上与屏幕上其他节点不同的颜色，我已经做了一些预先的工作来识别根节点的值，并让它在一个变量中随时可用。但是，在试图对图形进行样式化时，什么都不会发生，而且很难通过这种方式进行调试。
示例：
nodes: [{id = 1}, {id=2}]
var startingNode = 1; //root node
$('#cy').cytoscape({
style: [
{
selector: 'node',
浏览 2提问于2014-09-26得票数 9
回答已采纳
我正在寻找一个在节点被拖动时触发的事件。我认为tapdrag看起来像我想要的那样，但是只要鼠标移动到节点上，只有当鼠标按钮没有关闭时(所以这个节点没有被拖动，基本上是鼠标切换)，它就会触发。我试过几次其他的活动，但似乎没有一个能满足我的需要。
如何在拖动节点时触发事件？具体来说，我想在第一个节点被拖动时移动另一个节点，我宁愿不使用复合节点。
浏览 7提问于2015-11-17得票数 2
回答已采纳
我有相对大量的图形数据(超过1000个节点，超过2000条边)。Cytoscape.js无法呈现这么多的数据，所以我决定做一些交互式的图表探索。我想从图根开始(它是DAG)，用户将能够在点击节点之后探索它们。
我知道我可以在cytoscape.js之外这样做，但是我想知道我是否可以创建一个节点/边缘集合来操作(删除除了根和它们的邻居之外的所有节点)，然后作为数据源(获取节点的子节点)。Cytoscape使图形处理变得非常容易，不需要重新发明轮子是很棒的。
我尝试基于输入到图形的JSON数据创建cy.collection，但它似乎不接受与cy.load相同的数据格式。
浏览 1提问于2015-02-04得票数 0
回答已采纳
我目前正在使用Cytoscape.js来使用圆形布局显示可变数量的节点。现在，我希望/需要在原始圆周围添加额外的节点组，每个组也表示为一个圆圈布局。
由此产生的可视化结果如下所示：
(每个圆都是节点的圆圈布局)
额外的组不一定要直接围绕原始布局，因为圆圈的数量也是不同的。我通常只需要定位布局，这样它们就不会互相重叠。
我能够添加额外的组作为单独的布局，但我不知道如何去定位他们。我检查了文档，除非遗漏了一些显而易见的东西，否则我不知道如何完成我所需要的工作。任何指向正确方向的指示都将不胜感激！
浏览 2提问于2017-06-21得票数 1
回答已采纳
Cytoscape提供了一个名为布局的有趣特性。，我想在一个循环布局中安排一组节点。但是，，我不希望我的网络图的所有节点都躺在那个圆圈上。
我如何使用cytoscape.js来完成这个任务呢？
补充解释(可选)-
下面是我使用Arbor JS构建的一个示例，我正在考虑用一个固定的方式重新实现它，同时显示所有节点。-
我只希望节点(橙色点)表示在一个圆上，而不是出现在这个基于树丛的例子中的实例(棕色矩形)。
浏览 2提问于2013-06-30得票数 3
回答已采纳
2回答
我想要创建一个网络表示与细胞角。
它需要在“站点”节点中安排设备，而站点需要属于/被分派到区域节点(它们是7次注册，可能是400-500个站点和700-800个设备)。
因此，一个区域有多个站点，一个站点可以有多个节点(设备)。
我有一些问题要应用于1000多个节点的布局。
如何为每个层次的节点应用布局，使它们没有重叠？
我可以应用选择器的布局吗？
谢谢你的帮助！
请原谅我的近似英语我是法国人。
诚挚的问候
浏览 0提问于2017-10-15得票数 2
回答已采纳
我正在开发一个使用jquery和cytoscape.js的小型应用程序。我几乎可以做我所期望的事情，然而，我在这个主题上受阻了好几天:我想用布局"group by attribute“来呈现这个图形，类似于我在Cytoscape中可以做的事情。在Cytoscape中，渲染是圆形的，但它可以是每个组的其他布局。我找不到示例，我尝试使用boundingBox或pan()也没有成功。
过滤的节点组以正确的布局显示(例如:网格或圆形等...)但以中间为中心。我有类似的东西：
var persons= cy.nodes().filter('Type="Person"
浏览 0提问于2015-06-12得票数 2
在胞景中，我希望创建圆形节点，其直径取决于节点标签(标签位于节点的中心)。我已经设置了以下内容：
style: {
'shape': 'ellipse',
'width': 'label'
}
如何使高度取决于宽度值？设置“高度”：“标签”将高度设置为标签的高度。
浏览 3提问于2016-06-19得票数 2
回答已采纳
我有一个包含由内部节点组成的节点(组)的图，当重新绘制该图时，组显示在它们所包含的节点的顶部(我使用的是presset layout)。为了避免这种情况，我尝试为组设置z索引(因此只有组的边界可见)，如下图所示，但没有成功。
style:{
selectors:{
'.group':{
fillColor: '#000000',
borderColor: '#000000',
borderWidth: 1,
shape:'
浏览 2提问于2012-06-29得票数 0
回答已采纳
我得到了一个包含少量节点的非常简单的图。节点使用SVG背景图像，在Chrome/IE中扩展时没有问题。这些是在JS中使用cytoscape css函数格式定义的，并提供给cytoscape进行初始化。
但是，它们在FF (v29.0)中呈现为位图。如果我将大小设置为50px，这就是它们保持的大小，任何缩放都会导致令人讨厌的像素。奇怪的是，原生的cytoscape图形元素(箭头和文本)没有任何问题。有什么想法吗？
浏览 2提问于2014-05-02得票数 0
是否有一种方法可以使用cytoscript.js中的klay布局手动修复节点的(x，y)位置？或者用elkjs来做这个会更容易吗？
浏览 1提问于2018-04-29得票数 1
回答已采纳
有没有什么方法可以让我在同心布局中操纵图形的边长？我知道cola.js(可乐布局)在cytoscape.js中提供了对边缘长度的操作，但我想使用同心布局，还想操作边缘的长度或Cola.js的布局，并获得同心布局。
请在这方面提出建议。提前谢谢。
浏览 3提问于2016-08-08得票数 1
3回答
我在使用cytoscapeJS构建图形网络时遇到了问题。我可以添加节点并处理它们，这非常容易，但我不能配置cytospace来禁用拖动/移动节点。
我找到了一个来自某人的JSbin，你可以试试：
看看“初始化选项”下的，我尝试了所有的选项，但它们都不能解决我的问题(我将几乎所有的选项都设置为false，并且我仍然可以抓取和选择节点)。
你能帮我做这个吗？
浏览 124提问于2015-05-14得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
