是否有可能摆脱标记区域? 黄色和绿色节点是灰色父节点的内部节点。 我正在使用复合节点和可乐布局。 复合节点 ...
是否有可能摆脱标记区域? 黄色和绿色节点是灰色父节点的内部节点。 我正在使用复合节点和可乐布局。 复合节点 ...
我正在尝试使用 Cytoscape 可乐布局来渲染一个图形,该图形应该在使用它时应用强制定向布局(因此当拖动节点时,它们应该表现得好像涉及一些重力)。 相关库: https://github.com/cytoscape/cytoscape.js https://github.com/tgdwy ...
我注意到使用 Cola.js(和 Cytoscape.js)时,我的大部分布局倾向于形成方形布局,而不是用完我的边界框,它比高更宽。 我一直在环顾四周,发现d3-force具有这个forceY选项,可以转换方形布局(https://bl.ocks.org/steveharoz/8c3e252407 ...
我想要很多节点形状(圆形,方形......)这是我的JSfiddle 原型问题是箭头放置: 它们在 js 中是这样创建的: svg.append('svg:defs').append('svg:marker') .attr('id', 'end-arrow') .attr ...
我必须创建具有互连的节点和边。 我正在使用d3 js。 现在的问题是图表看起来非常混乱。 我尝试使用二次贝塞尔曲线来绘制节点之间的边缘。 我希望如果按下一个按钮,它应该重新排列成简化视图。 我碰巧看了一下metacademy,它们是一个开源项目。 它具有我正在寻找的确切功能。 https://m ...
layout字典的gapInequalities元素的cytoscape.js-cola 文档说: 您如何设置在left和right值中指定节点的对象? maxkfranz 在这里有用地指出这些对象需要是集合对象。 这些包含对指定节点(“元素”)的引用,并通过查询 cytoscape.js “ ...
我的公司正在为聊天机器人构建一个图形视图编辑器。 我们正在使用 Cytoscape 和cytoscape-cola扩展来实现这一点。 我们面临的问题之一是动态地向图中添加新节点,而不会使它们与图上的现有节点重叠。 我查看了以前的类似问题(如下所列),但无济于事: Cytoscape - 处理锁定节 ...
我最近了解了一个优秀的JS库cola.js。 它可以执行强制布局和支持组。 在这里了解更多: Cola.js 我创建了一个简单的演示,以显示具有开放组功能的力布局。 但我对开放行为感到困惑。 我认为在打开一个组时,新布局应该是基于最后一个布局的微小调整。 但现在它重新布局所有 ...
我正在尝试使用viz.js以外的东西来构建graphql模式可视化器(该库太大,并且将1MB添加到捆绑包中)。 我被推荐使用webcola,它似乎是一个非常强大的库。 我已经到了正确呈现和链接必要元素的地步。 我的下一步是正确的布局。 我想做一些类似于graphql- voyager ...
我想允许用户使用d3 forceSimulation或CoLa布局查看其网络,这意味着当用户触发事件时,我需要更改那些布局算法中的哪个正在更新我的节点和边的x和y属性。 特别是,这要求我能够停止仿真,并防止它们更新我给它们的数据上的那些属性,而另一个则处于“活动”状态-以及删除与它们关联的 ...
我正在处理一个 cola.js 示例,请 在此处输入链接描述 我在链接的末尾添加了标记(箭头)。 但是,由于节点是矩形的,因此与箭头重叠。 我试图通过更改标记的“refX”来修复它,但看起来不太好。 标记的代码是: 然后将其添加到链接的末尾: ` cola.on("tick", funct ...
我有一个功能buildTree,将json数据作为输入,并使用带有cola.js的d3.js可视化它们。 这个想法是我单击一个按钮,然后向d3添加一个json。 然后通过单击另一个按钮,我添加另一个js并保留旧的js,所以我最终得到了两棵树。 在我的示例中,两个json文件中都存在一个节点 ...
标题##尝试获取cola.js“具有分层分组的布局”设置。 尝试在浏览器中创建以下内容: http://marvl.infotech.monash.edu/webcola/examples/gridifiedSmallGroups.html 我得到错误: d [a.typ ...
我在将cytoscape与可乐搭配使用时遇到麻烦。 我想要一个网络,其中具有“重”边缘的节点之间趋向于彼此靠近。 到目前为止,我的JavaScript代码如下所示: 如您所见,我尝试将edgeLength参数更改为与边缘的“ weight”属性成比例的倒数,但似乎没有任何区别。 ...
我有一个Webcola&D3 svg图,其中包含节点和链接。 直到今天,节点之间的链接可能是一种方式,如果B连接到A,则它只是链接的一种方式。 今天有人告诉我,我需要支持具有2种方式的链接,这意味着A可以将链接发送到B,而B可以将链接发送到A。 现在,我对数学及其实现方法一窍不通 ...
我正在使用cytoscape.js和cola扩展名,并且我对创建类似于此示例的布局感兴趣。 网站上有一个将cola与cytoscape.js一起使用的示例 ,但它们没有此非重叠功能。 我尝试了infinite:true选项,但它似乎没有按预期工作。 我想知道如何用cytoscape ...
考虑以下Angular JS(1.5.8)的控制器。 该项目还使用WebCola 3.1.3和d3 3.4.11。 当我尝试从d3回调处理函数中更改$ scope的任何属性时,绑定在呈现的HTML中无效。 我如何找出如何防止d3中的这种行为并使2向绑定正常流动? ...
我正在尝试使用 cytoscape.js 和cytoscope-cola.js扩展来实现这种效果。 我想让我的图表的边缘像这张照片一样直接向下: 而不是默认显示的无约束图。 我正在使用可乐布局,因为我希望能够输入自定义边缘权重。 我已经构建了一个代码笔来演示我所看到的; 但这是我构建图表的方式: ...
我正在尝试使用WebCola http://marvl.infotech.monash.edu/webcola/,但找不到真正的文档链接。 该网站似乎只有几个示例和一些(显然)自动生成的文档,这些文档对于任何事情都没有真正的用处。 这是一个非常酷的库,所以我确定某个地方有一些非常酷的文档。 ...