cytoscape.js相关内容

使用 Cytoscape.js 添加边缘标签

如何使用 Cytoscape.js 在边缘添加标签? 解决方案 将 label 样式属性映射到数据字段: 例如在 init 的样式表中 ...{选择器:'边缘',风格: {'label': 'data(label)'//映射到 data.label}}... http://cytoscape.github.com/cytoscape.js/#style/属性 旧版本使用 c ..
发布时间:2021-12-24 14:52:08 前端开发

cytoscape.js 和 Angular6

我想在我的 angular 项目中导入 cytoscape.js 库,但我不知道如何去做吧.据我所知,angular 没有官方的 cytoscape 模块,有什么办法可以手动导入 cytoscape 吗? 解决方案 UPDATE:请看 D.C. Joo 的回答,这应该是公认的答案. 其实在Angular中导入JS库是没有问题的,这就是我使用npm和Angular6的方式: 运行 ..
发布时间:2021-11-08 23:11:22 其他开发

叶节点细胞景观的不同行为

输出应该是什么样子我需要使用 cytoscape.js 为我的学士论文创建特定的树(系统发育树),对于这些,将内部节点着色为不同于子节点(或叶节点 = 没有任何后代的节点,见图).我是 html 的完全新手,所以请在回答时记住这一点.我查看了 Cytoscape 的手册,但找不到解决方案.使用 选择节点 cy.nodes(':child').not(':parent'); 不知何故不起作用. ..
发布时间:2021-09-09 19:36:40 前端开发

Cytoscape.js预设布局文档

我有一个渲染的cytoscape.js图.我对利用预设布局放置节点感兴趣.cytoscape.js文档为预设布局显示了以下内容: var选项= {名称:“预设",位置:未定义,//(节点ID)的映射=>(位置obj);或function(node){return somPos;}zoom:undefined,//要设置的缩放级别(如果设置,则prob want fit = false)pan: ..
发布时间:2021-04-28 18:37:40 前端开发

如何收听CytoscapeJS节点的拖动事件(仅包括光标/手指正下方的事件)

我正在使用Cytoscape JS创建基于Web浏览器的图形处理工具.我在侦听多个选择节点的拖动事件时遇到问题. 我可以使用以下代码来侦听节点的“拖动"事件: cy.on('drag','node',function(e){让draggedNode = e.target...} 但是,当我一次拖动多个节点时,该事件会分别触发到所有选定的节点. 我要完成的工作是侦听当前选择了多个 ..
发布时间:2021-04-28 18:37:37 前端开发

如何完全禁用元素事件?

我正在使用化合物模型和cytoscape-compound拖放扩展,通过将一些节点分组在一起并轻松移动整个组,使用户可以手动重新组织布局. 现在,我想要一个按钮来切换这些组“框"的显示,但是继续显示所有非父节点.我首先在父节点上尝试了hide(),但同时也隐藏了子节点,因此我切换到动态应用指定display:hidden的类. 似乎可以解决问题,但仍然可以单击隐藏框,并应用cytoscap ..
发布时间:2021-04-28 18:37:34 前端开发

是否可以将Cytoscape.js布局数据直接存储为应用程序/Web服务器中的文件格式,然后重新启动相同的布局以最大程度地减少重新计算?

有些细胞景观布局是随机的,每次启动时位置都不固定.我从多个堆栈溢出问题中了解到,我们可以将布局数据(包括其位置x和y)保存到浏览器本地存储或会话存储中,以便我们可以使用相同的数据显示相同的布局. 但是,本地存储或会话存储的问题对一个用户来说是有好处的.但是,想象一下,如果有成千上万的用户使用同一应用程序,则服务器将为每个用户进行大量计算,以将各自的数据存储到单独的浏览器中.我们能否将数据以文 ..
发布时间:2021-04-28 18:37:28 其他开发

具有预设布局的CYTOSCAPE JS dijkstra算法

我正在我在这里创建的网站上使用cytoscape.js图形库: http://consulting.citi.co.uk/ 我的查询是,有没有人有使用Dijkstra算法或遍历的示例来显示节点选择/悬停上的多个关系?我已经使用演示使它起作用,但是它仅在负载时跟踪一条路由:如何在CYTOSCAPE中突出显示两个节点之间的路径JS 解决方案 我不确定我是否理解.您是说要显示直接关联的关系 ..
发布时间:2021-04-28 18:37:25 前端开发

cytoscape js多行标签-第二行使用不同的CSS规则

我在标签上使用多行选项(使用\ n描绘行),并且想知道第二行是否可以使用不同的字体大小(在示例中,"test"要小一些)字体大小 此处).根据文档,您可以使用以下代码来获取多行多样式标签: document.addEventListener("DOMContentLoaded",function(){var sampleDataset = [{组:“节点",数据: {id:"1615 ..
发布时间:2021-04-28 18:37:22 其他开发

如何设置将要缩放和拖动的背景图像?

我想创建一个包含一些节点的地图.添加节点效果很好,但设置背景图片却效果不佳.文档没有描述如何在节点和边缘之外添加内容. 然后,我尝试将地图添加为[this]( https://codesandbox.io/s/thirsty-hamilton-wqyvn ) 此解决方案存在一些问题: 边缘在节点下.文档说,边缘将始终在节点下.Z-index无法解决问题. 地图节点具有不需要的边框. ..
发布时间:2021-04-28 18:37:19 前端开发

cytoscape.js最简单的构建系统?

我维护了两个依赖于cytoscape.js的R包(cyjShiny和RCyjs).我使用webpack和npm构建一个包,然后将其与相对较短的R/Javascript包装器结合在一起. 我的问题:我可能每年两次返回软件包,重新运行webpack,请参阅安装1000个模块,请参阅有关已弃用模块的隐式错误报告.然后运行webpack(我从未真正理解过),如果出现问题,我会挠头,直到找到一条穿越认 ..
发布时间:2021-04-28 18:37:13 其他开发

通过连接到cytoscape.js中的特定节点来过滤图

Cytoscape的新手.我有一个具有主导主网络的图,还有一些较小的网络未连接到要删除的主网络.查看文档,我看不到一个明显的解决方案.我猜想也许需要一种自定义方法,该方法循环遍历所有节点,检查它们与主群集中最中心节点的图形距离,如果未定义此距离,则删除该节点以及它确实连接的所有其他节点.但是希望从具有更多图书馆经验的其他人那里获得指导.任何建议深表感谢.我注意到这个未回答但相关的问题. 这是 ..
发布时间:2021-04-28 18:37:03 其他开发

用d3或cytoscape渲染家谱

我在用JavaScript生成美观的家谱时遇到了问题. 要求: 每个孩子应该与树中的两个父母联系在一起,而不是像某些图中的一个父母 我希望配偶在树上彼此相邻(垂直位置相同) 我希望按垂直方向组织节点,以便您一眼就能看到同一十年内出生的人. 一个人随时间推移可以有多个配偶,每个孩子都有孩子 可以在树上自由添加父母和孩子,所以不仅仅是“追溯一个人的血统" 我尝试过的最接近的结 ..
发布时间:2021-04-28 18:37:00 前端开发

Cytoscape.js:预计算图布局?

Cytoscape.js可以为没有布局信息但作为JavaScript库的图形文件计算布局,每次用户访问Web应用程序时都会进行此计算,从而降低了页面加载速度. Cytoscape Desktop可以导入图形,计算布局并将其导出回Cytoscape.js,但这会使过程复杂化. 是否可以仅使用Cytoscape.js来保存或缓存布局? 解决方案 您可以使用 cy.json()保存带 ..
发布时间:2021-04-28 18:36:57 其他开发

Cytoscape.js-将核心背景设置为黑暗?

我试图将边缘渲染为白色,因此想要在cytoscape.js视口中显示黑色背景.我尝试使用 id = cy 修改div上的css.代码>,但这似乎被覆盖.在文档中,我只能找到在导出为 cy.jpg()之类的图像时设置背景颜色的功能,但这不是我想要的.我希望在用户交互过程中使用黑色背景.有什么想法吗? 解决方案 您只需在具有cytoscape实例ID的css文件中将背景颜色设置为黑色即可.如果 ..
发布时间:2021-04-28 18:36:55 其他开发