问题标签 [sankey-diagram]

我已经修改了来自http://bost.ocks.org/mike/sankey/的 D3.Js 中 Sankey 图的 Mike Bostok 示例，以显示每个节点的值，如下所示：

桑基 http://uweb.cs.uvic.ca/~maleh2/sankey.png

Mike 示例中的所有代码和我的修改都位于 jsfiddle ( http://jsfiddle.net/4xNK5/ )。我的问题是如何垂直显示节点的值？我假设一个简单的 .attr("transform", "rotate(-90)"); 会做的。实际上，我得到了垂直对齐但不合适的节点的值。我无法理解其背后的逻辑。任何想法，将不胜感激...

D3.JS 中的 Sankey 图采用节点数据集和要绘制的链接（参见 VividD 在http://jsfiddle.net/mF27g/上的小提琴示例）。数据集如下所示：

就我而言，我有一个稍微不同的数据集来表示。不同之处在于“链接”集，而不是一个“值”，我有两个，例如：

我的问题是：如何将每个链接分成两部分？理想情况下，我想用不同的颜色为每个部分着色。共有两种颜色，一种用于 value1，一种用于 value2。

有任何想法吗？

我有一个桑基图。
jsFiddle
看来，当我为select事件添加处理程序时，它不起作用。
在文档中有 Event部分。

我尝试在 1 月份之前使用Riverplot 包绘制桑基图。但是我的案例非常复杂，我还没有找到修复图表的方法，所以我发布了这个问题，希望这有助于找到我的问题的一些答案或改进包的方法。

我的图表如下。正如您在第一张图片中看到的我的图表，节点的状态相互重叠并且不可读。是否可以在图表的一侧显示节点名称，并且每个节点名称将在它所代表的车道旁边。想法显示在下面的第二张图片中，我们有多个车道，然后状态应该在侧面以解释什么是车道均值。

非常感谢！

我的案例很难生成样本，但我重用了 Riverplot 包中包含的 1 月样本，并进行了一些修改。这里是

我需要创建一个桑基图（此处的代码：https ://gist.github.com/aaronberdanier/1423501 ），其中我的输入标签是成分，输出是成品。例如，我的输入是“政策分析”、“政策流程”、“政策评估”，而我的损失是“政策制定”。在

我的输入损耗和单位应该是多少？

我一直在摆弄 Riverplot 包，并产生了一些非常有吸引力和说明性的结果。我现在正在尝试制作一个更复杂的情节，而我得到的一些结果有点出乎意料。我有一个最小的例子来说明这个问题。这是情节：

我的问题在于节点 B、C 和 E 的宽度。这些图的想法（据我所知）是节点的宽度由流入/流出节点的河流的总宽度决定。现在对于节点 A、D 和 F，情况确实如此。但是其他三个节点比它们连接的河流更宽/更窄。这不是什么大不了的事，但它确实减损了情节的影响。

要么我在构建数据时犯了错误，要么我误解了包内部的工作方式。无论哪种情况，我都非常感谢任何反馈！

最好的问候，安德鲁。

这是代码。数据结构用 dput() 转储。

我在 rCharts 中创建了一个 sankey 图，但有一个问题。如何添加颜色？我想用不同的颜色表示每个节点，这样更容易可视化路径，而不仅仅是看到连接所有内容的相同灰线。下面的代码和输出：

这是我的图表的样子

非常感谢！

我正在尝试修改 d3 sankey 图表的宽度，因此我可以将扩展内容（有关节点的详细信息）放入调整大小创建的空间中。所以用户点击节点，图表缩小到它的一半宽度，我可以将内容附加到新空间......

问题是，d3 sankey 布局会影响许多其他元素，我不确定如何使 sankey 更改渗透到所有元素中。

定义布局后：

然后根据数据构建布局

我试图通过更新布局

这显然是行不通的。不知道如何将其推回元素！

Plunker 展示全图：http ://plnkr.co/edit/udEOog?p=preview

我一直在使用 Google Chart 的 Sankey Diagram 开发应用程序，并在 Web 应用程序上成功创建了一个 Sankey Diagram 示例。但我对布局不满意，我在网上搜索并找到了 d3.js 的 Sankey Diagram 插件。它看起来非常好，我从这里测试了示例代码应用程序。

在代码中，它调用外部 JSON 文件将其用作节点：

在我开发的第一个应用程序中，我从这样的多维数组中获取节点：

多维数组是来自 AJAX 调用的对象集合。

如何将此数组用于桑基图？我可以在不调用外部文件的情况下做到这一点吗？

我想使用圆形节点而不是矩形节点从 D3 Sankey 图表重现该过程，但是，我只想选择某些节点从矩形更改为圆形。

例如，在示例中使用的这个jsfiddle中，您将如何只选择Node 4并Node 7转换为圆形？