问题标签 [webcola]

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 回答
330 浏览

javascript - WebCola 缺少文档

我正在尝试使用 WebCola http://marvl.infotech.monash.edu/webcola/,但我找不到指向真实文档的链接。该网站似乎只有几个示例和一些(显然)自动生成的文档,它们对任何事情都没有真正的用处。这是一个非常酷的库,所以我确信某处有一些非常酷的文档。任何人都可以分享链接吗?

0 投票
1 回答
905 浏览

javascript - 如何配置图形以显示向下指向的边缘而无需硬编码节点位置?

我正在尝试使用 cytoscape.js 和cytoscope-cola.js扩展来实现这种效果。

我想让我的图形的边缘直接向下,如下图所示:

向下的图边

而不是默认显示的无约束图。我正在使用可乐布局,因为我希望能够输入自定义边缘权重。

我已经构建了一个 codepen 来演示我所看到的;但这是我构建图表的方式:

任何关于我如何将图形限制为上图中的行为的输入或方向都会很棒:)

0 投票
0 回答
87 浏览

meteor - 什么是属性 blockInd

我正在使用 d3 和可乐开发一个项目,当我尝试更新我的 svg 时,有时会收到此错误:

未捕获的类型错误:无法设置未定义的属性“blockInd”

我不明白这个错误来自哪里,我不知道这个属性是什么。有人可以指出我应该在哪里看吗?

0 投票
1 回答
74 浏览

angularjs - 为什么处理 AngularJS 模型的 D3 事件在绑定中没有效果?

考虑以下 Angular JS (1.5.8) 控制器。该项目还使用 WebCola 3.1.3 和 d3 3.4.11。

当我尝试从 d3 回调处理函数内部更改 $scope 的任何属性时,绑定在呈现的 HTML 中无效。

我怎样才能弄清楚如何防止 d3 出现这种行为并让 2-way binding 正常流动?

0 投票
1 回答
1036 浏览

javascript - Cytoscape Cola.js 布局边长 = 文本语料库可视化

我想用我的 data.json 中的权重设置边缘长度。

就像在cytoscape-spread 演示中一样,边缘长度应该更长,具体取决于重量。

权重是计算 A 和 B 在我的文本语料库中出现的频率。

我尝试了不同的布局,但现在不知道如何改变位置,即最高重量的距离最短。

目前我尝试使用'cose'布局并设置idealEdgeLength:function(edge){return edge.data('weight'); }

和 cola.js 边缘长度:

0 投票
2 回答
2002 浏览

javascript - 使用 Cytoscape 强制定向可乐布局,类似于可乐示例

我正在使用 cytoscape.js 和 cola 扩展,并且我有兴趣创建类似于此示例的布局。

网站上有一个使用可乐和 cytoscape.js 的示例,但它们没有这种不重叠的功能。

我尝试了infinite:true 选项,但它似乎没有按预期工作。我想知道这是如何使用 cytoscape.js 和可乐实现的。

谢谢。

0 投票
0 回答
844 浏览

javascript - d3/d3cola 设置节点位置,神经网络绘图[Javascript]

我遇到的问题是,在绘制神经网络时,我只是发送节点并将它们连接到传感器/神经元/执行器,但我无法控制它们的绘制位置。

我正在绘制的 NN 示例是: 在此处输入图像描述

我想用 d3 或 d3cola 做的是,在屏幕左侧绘制作为传感器的 TBS_GET_INPUT,在右侧绘制作为执行器的 TBS_SEND_OUTPUT,因此我可以以类似于当前的方式绘制神经网络NN图纸例如: 在此处输入图像描述

我尝试设置 graphs.constraints 但无能为力。有没有人知道怎么做?如何正确设置约束或类似的东西?

问候!

0 投票
1 回答
59 浏览

math - 节点之间的并行链接

我有一个 Webcola&D3 svg 图,它们之间有节点和链接。直到今天,节点之间的链接可能是单向的,如果 B 连接到 A,则它只是单向链接。 在此处输入图像描述

今天有人告诉我我需要支持 2 路链接,这意味着 A 可以向 B 发送链接,B 可以向 A 发送链接。

现在我对数学以及如何完成它感到困惑,我使用了一些我发现的算法来绘制链接,直到今天我猜想从节点的中心绘制链接,我需要像这样并行显示 2 路链接: 在此处输入图像描述

这是我用来计算链接位置的算法:

这是函数的一部分,其结果进入路径的“d”属性,如下所示:

现在 2 路链接的结果是它们相互覆盖,任何人都可以帮我改进这个算法,这样它就会使 2 路链接是并行的吗?

0 投票
1 回答
615 浏览

javascript - 如何在 Cytoscape 可乐中根据权重对节点进行分组

我在使用 cytoscape 和可乐时遇到问题。
我想要一个网络,其中连接它们的“重”边缘的节点倾向于彼此靠近。
到目前为止,我的 javascript 代码如下所示:

如您所见,我尝试将 edgeLength 参数更改为与边缘的“权重”属性成比例反比,但这似乎没有任何区别。

0 投票
1 回答
721 浏览

d3.js - 具有分层分组的布局Cola.js a.type 不是函数?

Heading ##Trying to get cola.js "Layout with hierarchy grouping" 设置。

尝试在我的浏览器中创建以下内容:

http://marvl.infotech.monash.edu/webcola/examples/gridifiedSmallGroups.html

我得到错误:

d[a.type] 不是函数

cola.min.js:2023 Uncaught TypeError: d[a.type] is not a function



HTML


JSON