问题标签 [sankey-diagram]

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

javascript - D3 Sankey图中节点的垂直排序

我正在尝试在此示例之上构建一个基本的桑基图:http: //bl.ocks.org/d3noob/c9b90689c1438f57d649

默认情况下,它们按值排序。我想自定义节点的垂直顺序。这是一个例子:

在此处输入图像描述

在这种情况下,我想始终将“A”放在首位。

关于如何做到这一点的任何想法?

类似问题:D3 sankey diagram - 强制节点位置

0 投票
1 回答
514 浏览

r - 修改后的 sankey Plot,在节点之间有几条边

我想在 R 中制作一个修改后的 sankey 图,其中节点之间可能有多个边,以识别不同的路径。有点难以解释,所以我在 ppt 中制作了示例图片 :)

在此处输入图像描述

我知道这很丑:) 但我的意思是我希望能够在 A 和 B1 之间建立边缘,并清楚地指出哪条边缘属于通往 C1 和 C2 的路径。

我尝试了 rCharts-packages 中的 sankeyPlot,但是我只能得到两列节点。

我也尝试过河图包,但在这里我不能在相同节点之间制作两条边。

0 投票
1 回答
960 浏览

javascript - 如何使 d3 sankey 链接从图表底部流出?

使用 d3.js sankey 图,我怎样才能使链接从节点流出并从图表流向底部或顶部?这需要链接中的 90 度转弯,并且它不会在节点处结束(或至少不是图中的一个节点),并象征着流出建模系统的流量。

我希望它看起来像此中的“成品石油产品”链接。

具体来说,我正在使用这个样板文件,但是更通用的答案很好,我坚持使用哪些方法来实现这一点,但是一旦我知道要使用什么以及如何使用它们,我就可以实现它。

更新:基本上,我想知道的是如何重写其中一个 d3 函数(哪个?)以使链接以水平线(即与 SVG 天花板或地板齐平)而不是垂直线(即另一个节点的侧面)。

0 投票
1 回答
61 浏览

actionscript - 使用 ActionScript 的桑基图

我想使用动作脚本绘制桑基图。任何人都可以就可用的算法或库提供一些指导吗?

0 投票
1 回答
4583 浏览

javascript - 在谷歌图表桑基图上显示文本

我正在使用 Google Chart - Sankey Diagram。我想让权重显示在每个流上,而无需鼠标悬停。

官方示例如下(jsfiddle):

它可能看起来像这样:

在此处输入图像描述

我找到了这个解决方案,但这不是我想要的。

我想要的是直接将重量显示为流上的标签。您无需将鼠标移到任何流上即可查看其重量。

先谢谢了!

0 投票
2 回答
2458 浏览

r - 如何为 R 中的 sankey 图准备输入数据?

我正在尝试在 R 中生成一个桑基图,它也被称为河图。我在 R 中看到过这个问题 Sankey Diagrams? 其中列出了产生 sankey 图的各种软件包。由于我有输入数据并且知道不同的工具/包,我可以制作这样的图表,但我的euqestion是:我怎样才能为此准备输入数据?

假设我们想展示用户在 10 天内如何在不同状态之间迁移,并且开始数据集如下所示:

现在,如果想创建一个带有networkD3的 sankey 图,应该如何将此dtdata.frame 转换为所需的输入

这样我们就可以从这个例子中得到输入

编辑

我发现这样的脚本可以在其他情况下准备数据并复制它,所以我认为它现在可能会关闭:

https://github.com/mi2-warsaw/JakOniGlosowali/blob/master/sankey/sankey.R

0 投票
1 回答
396 浏览

javascript - d3图表sankey json错误

我在创建图表时出现错误,有人可以帮助我吗?我正在尝试创建此图表: http ://bl.ocks.org/wvengen/cab9b01816490edb7083

但是每当发生错误并且浏览器崩溃时。发生此错误是因为我的 json 中的一些项目,但我不知道错误的正确原因。

文档示例的 json 是这样的:

https://rawgit.com/qm/d3.chart.sankey/master/example/data/product.json

我的json是这样的:

包含所有数据的 json 会生成一个错误,但如果我只留下下面的数据,它会起作用:

有谁知道为什么?

0 投票
1 回答
1914 浏览

javascript - d3.js 和桑基图错误

我正在努力让我的第一个 Sankey 制作数据非常简单:

所以,我正在考虑以以下方式创建节点和链接 - 这是不成功的:

使用这个 index.html:

而这个 sankey.js:

它没有用......不知道为什么。任何意见是极大的赞赏。

阿尔法

0 投票
1 回答
679 浏览

javascript - X-D3 Sankey 技术说明中节点的位置

我遇到了这个用于控制 D3 Sankey 图中节点的 x 位置的解决方案:

d3 sankey 图表 - 沿 x 轴手动定位节点

我对代码和我的数据进行了适当的修改,但是一些节点出现在右边,而它们应该出现在左边。以下是我得到的结果:

在此处输入图像描述

所有具有单个数字的节点在数据中都有 xPos=0,但有些节点显示为 xPos=2。我究竟做错了什么?

0 投票
2 回答
151 浏览

sankey-diagram - 如何在icCube中创建一个Sankey?

我尝试使用 icCube 报告创建桑基图,但我尝试的一切都不起作用......

我在 icCube演示中没有找到任何 sankey 示例...... icCube文档中没有更多内容......

有人可以提供一个工作示例吗?