问题标签 [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 投票
1 回答
496 浏览

cytoscape.js - cytoscape.js 中的动画虚线

我是 cytoscape.js 的新手,我想知道是否可以像在 Cytoscape 软件中那样为虚线设置动画(例如 Marquee 等线类型)。目的是代表一种运动。谢谢 !

0 投票
1 回答
709 浏览

javascript - 在 Cytoscape.js 中,如何在数据更改后触发节点重绘?

有谁知道如何触发节点重绘?我有一个案例,底层数据对象更新其“标签”属性,我可以触发 cytoscape 重绘标签的唯一方法是;

  1. 在节点上调用.selectify()then的某种组合。.unselectify()
  2. 替换标签使用.data('label', ...)- 我实际上用它自己替换它。

这两个都感觉有点老套,我想我在 API 中遗漏了一些明显的东西。任何人都可以帮忙吗?

谢谢,瑞安。

0 投票
1 回答
82 浏览

php - 通过 mysql 表中的主键命名 cytoscape 的节点

我正在尝试使用cytoscape基于mysql数据库的网络显示,我有两个表,一个包含名称(device_id),ipSN意味着网络中每个设备的序列号(PK),另一个有关系的信息:origin's SN destiny's SNinterfaceport

我做了这三个查询:

然后我尝试创建一个 for 循环来根据表中的行数创建节点:

使用此循环即时绘制节点:

我想用“dispositivos”的主键命名这些节点,但我不知道如何逐行遍历表或如何提取该信息。

有什么帮助吗?

提前致谢

0 投票
1 回答
264 浏览

javascript - 将特殊的 CSS 背景应用于 cytoscape.js 边缘

我希望能够使用 css 指定/切换 cytoscape.js 边缘的方向。我想使用的设计是这样的(底部设计):线条设计是否可以根据需要将 cytoscape 边缘的样式设置为以下?

0 投票
2 回答
616 浏览

javascript - 多次调用 Cytoscape 事件 cxtap

我正在尝试使用 Cytoscape 和 AngularJS 1.6 创建网络工作流创建两个节点后,用户能够在它们之间创建边缘。为此,我使用cy.on('cxttap')cytoscape 函数来检测两个节点上的右键单击,然后插入新边缘。这工作正常。直到我添加了一个新视图,用户可以在其中看到数据库中保存的工作流。问题是,如果我打开查看选项卡,然后返回创建选项卡,该cy.on('cxttap')函数会被调用两次,并且在 cytoscape 画布上插入两条边,但在我的范围变量中只创建了一个条目。我曾经为这两个视图使用相同的工厂,但现在我为每个视图使用不同的角度工厂。

如果我多次打开这些选项卡之间的切换,我打开查看选项卡的次数是调用函数的次数,因此更多的行数。

这里 ( https://jsfiddle.net/y47kwpg7/4/ ) 是我的视图及其控制器的代码片段。“创建视图”-->“MlalTextWorkflowGeneratorCtrl”和“查看视图”-->“MlalTextWorkflowViewerCtrl”。

(请原谅我,我不知道如何使它在单个文件中工作)

我在这里的工厂是用于 cytoscape 画布的,并且有一个类似的用于另一个视图,但具有不同的 id 选择。

谢谢您的帮助!

0 投票
2 回答
3230 浏览

python - 如何在 cytoscape.js 中显示由 networkx 生成的网络?

如何在 Cytoscape.js 中显示由 networkx 生成的网络?

我尝试了由networkx生成的JSON数据,似乎它不起作用。所有的边缘都消失了。networkx 生成的 JSON 如下:

有没有其他方法可以在 Cytoscape.js 中显示由 networkx 生成的网络?我知道 networkx 可以导出到 GEXF、GML、JSON。那么如何在 Cytoscape.js 中显示它?

0 投票
1 回答
483 浏览

javascript - Cytoscape.js eles.style 更改立即更新

我在毕业项目中使用Cytoscape.js 2.7.15,我需要做一些简单的可视化,比如更改节点的标签。

subjectNode.style('label',myDesiredLabelToshow);

对我有用,但我在 for 循环中使用它,当我想慢慢地或在调试模式下查看我的算法如何工作来标记它们时,节点的标签不会立即改变,它们最终会在我的函数之后一起改变结束(我的意思是结束功能范围)。

我尝试使用cy.batch(); cy.startBatch()甚至尝试设置Timeout但没有任何效果。

在调试模式下跟踪cytoscape.js文件后,我看到了一个函数o.requestAnimationFrame = function..在调试器点击更改应用于我的图形后,我如何在我的自定义函数中手动触发它?

0 投票
1 回答
856 浏览

cytoscape.js - Cytoscape JS node thickness

I want to draw a simple graph with Nodes and Links between Nodes. The thing is that I want the thickness of the Links to be set depending on a variable, so I cannot pre-determine a CSS class for that.

The code is from the example http://js.cytoscape.org/demos/dagre-layout/

How to add this kind of feature to the { data } ?

0 投票
1 回答
166 浏览

cytoscape.js - cytoscpae.js 的 cos-bilkent 布局扩展

我一直在使用 cytoscape.js 库来开发应用程序,但扩展布局 cose-bilkent 在 google chrome 中运行良好,但相同的代码在 Internet Explorer 中出现错误。

我收到 SCRIPT5009: 'Set' is undefined error in th IE 调试器。请告知我可能遗漏的内容。

cose-bilkent.js 文件中有错误的图像

0 投票
0 回答
195 浏览

javascript - 如何使用 Cytoscape 的扩展

在点击节点时显示的每个节点周围的 Div 在此处输入图像描述

我正在尝试在此视频中实现 - https://www.youtube.com/watch?v=IMN8j-AvZAE(随附的屏幕截图来自视频本身)

我对 Cytoscape 团队的问题是:

  • 假设为了实现上述视频和附件中的功能,我将不得不使用 cytoscape 的 popper 扩展,为此我必须从 GitHub 下载 popper.js 和 cytoscape-popper.js并通过脚本标记将它们包含在我的 index.html 中,然后使用我的 index.js 文件的 Cytoscape 函数对其进行初始化?请建议并分享相同的示例代码。