问题标签 [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 回答
965 浏览

javascript - 结合气泡图和桑基图谷歌图表

我正在尝试将 Google Charts 中的 Bubble Chart 和 Sankey Diagram 元素结合起来,但很难让它们显示在页面上。(这是来自 Google 的示例代码)。当我隔离气泡图或桑基图的代码时,它们可以工作 - 但将它们放在一起,什么也没有发生。我确保设置了唯一的变量名,不确定我还缺少什么。此外,我实际上没有编码经验,只是对 Python 有一些了解,所以我可能完全过于简单化了。谢谢您的帮助!

0 投票
1 回答
2903 浏览

javascript - D3 桑基和弦颜色

所以我正在开发一个 Sankey 图,使用 D3 的 Sankey API,我试图弄清楚如何改变往返节点的条带或绳索的颜色。我正在尝试做的一个例子可以在这里找到:

http://tamc.github.io/Sankey/

我希望能够单独选择每个乐队并选择该乐队的颜色。我找不到 D3 的 Sankey API 的任何文档,所以我不知道如何真正实现这一点。我尝试了通过在我提供的链接中搜索 Sankey 的代码找到的setColors函数。但是,这似乎不适用于我的代码。我以这段代码为基础开始了我的 Sankey:

http://tamc.github.io/Sankey/examples/simple.html

有人可以告诉我如何使用这个作为参考来改变乐队的颜色吗?

PS如果有人也可以告诉我如何更改节点的颜色,那就太好了!

0 投票
1 回答
1848 浏览

r - 使用闪亮时不正确的输出桑基图

当我在常规 R 会话中创建 sankey 图时,输出看起来还不错。工具提示在连接之间显示一个箭头:

在此处输入图像描述

当我在 中创建它时shiny,工具提示中的箭头被不寻常的字符替换。同样在情节下方打印了一个不寻常的字符。我需要下载 d3_sankey 库以使闪亮的应用程序版本工作,所以如果你想重现它,你必须更改setLib语句中的路径。如何解决这个问题?

在此处输入图像描述

0 投票
0 回答
904 浏览

javascript - d3.js 为 sankey 选择特定列

根据下面的示例,我可以过滤特定列上的数据以将我的 29 行压缩到 9 行;但是是否有可能获取该结果(在数据中)并排除列?

我想为用户提供选择出现在 Sankey 中的列的能力。例如,我希望 Sankey 显示页面、访问者、元素和国家/地区。数据中的结果还包括 Visitor_Link、Country、State 和 Browser。

下次运行时,用户可以选择一组不同的列(例如页面、访问者)。

我尝试过各种事情;但如果我能弄清楚如何根据 mycolumns 数组中的字段构建 Sankey,那将是一个好的开始。我试过这个来隔离列......

依此类推来构建 sankey:

感谢您提供的任何见解。

0 投票
1 回答
1521 浏览

javascript - How to assign the x-axis position of a node in a Sankey Diagram (D3) from the json file

I finally found a Sankey Diagram in D3 that allows movement of the nodes across the x-axis, but I would like to assign a value from the json file to fix the position in particular places.

http://bl.ocks.org/d3noob/raw/5028304/

What I am trying to do is use the Sankey Diagram as a timeline.

0 投票
2 回答
1954 浏览

javascript - 谷歌桑基颜色悬停

使用此 API: https ://developers.google.com/chart/interactive/docs/gallery/sankey

我想做一个桑基图。当鼠标悬停在链接上而不影响其他链接时,有什么方法可以更改链接的颜色?那么,默认情况下它们是灰色的,然后当鼠标悬停在一个链接上时,那个单独的链接会变成蓝色而其他链接会保持灰色?

0 投票
1 回答
727 浏览

vb.net - Sankey 插件 vb.net winforms

我只是想知道,是否有人知道 vb.net 和 winforms 的插件或其他东西来生成 sankey 图表。

我什么都没试过,因为从昨天起我就没有听说过 sankey。然后我用 vb.net 和 winforms 搜索了 sankey,到目前为止什么也没找到。所以我只想问大家,是否有人知道插件或其他东西。如果不是我自己写的,请使用 excel 插件。

0 投票
0 回答
1735 浏览

d3.js - 使用 D3.js Sankey 布局解析数据时出现问题

我正在寻找一些关于我正在创建的桑基图做错了什么的提示。我正在绘制食物消费随时间变化的图表,并使用 Sankey 布局可视化这些值在 40 年期间的变化情况。

块和小数据集在这里。相关代码:

不幸的是,正如您在 bl.ock中看到的那样,我遇到了一个错误。老板建议它可能是一个循环链接,但我有点茫然。有什么提示或建议吗?

编辑:为了清楚起见,我追求的是这样的:

来自 Density Design 的流图
来源

据我所知,我认为我正在正确地构建节点和边缘。如果我们查看节点数组和边数组的控制台:

节点数组

边数组

它不像通常的桑基图或冲积图,正如我经常看到的那样,它显示了项目的折叠和扩展。在我的例子中,日期、食物和价值在整个可视化长度中都是一个单一的流,但会根据给定年份的值调整大小/重新定位(如上面的示例图像)。

0 投票
1 回答
4027 浏览

javascript - D3 Sankey chart using circle node instead of rectangle node

I want to use Sankey chart but with circle's instead of rectangles.

I am following the example from Mike Bostock.

I changed the code there to use circle by setting radius, but how to place the lines connecting nodes around circle.

Any clue.

enter image description here

Thanks.

0 投票
0 回答
3227 浏览

google-visualization - 如何在谷歌图表桑基图中添加鼠标悬停工具提示

并且一直在使用 Google Charts 来可视化我的数据。我试图寻找这个问题的答案,但找不到和我有同样问题的人,或者我的问题真的很基本。感谢有人可以帮我一把。

我按照 Google Charts - Sankey Diagram 中列出的步骤构建了一个 sankey 图。这是我的图表: http: //kuangkeng.github.io/keng-data-journalism/procurement%20project/sankey/index.html

但是我想为每一行/路径/链接添加工具提示,这样当用户将鼠标悬停时,他们可以看到该行的值和其他详细信息。

根据谷歌图表(上面的链接),我可以使用“onmouseover”和“onmouseout”触发鼠标悬停事件,但谷歌图表没有显示如何为桑基图执行此操作。

然后,我遇到了在 Google 条形图中使用“onmouseover”和“onmouseout”的示例: https ://developers.google.com/chart/interactive/docs/examples#mouseovertooltip

所以我复制了代码,修改并粘贴到我的代码中。

当我将鼠标悬停时,我收到错误消息“未定义不是函数”。当您将鼠标悬停在线条上时,您可以看到错误消息出现在图表顶部。

我尝试通过在我的数据中添加另一列并将其角色设置为“工具提示”来使用 Google Charts 文档显示的另一种替代方法,但它不适用于我的图表,因为 Google Sankey Diagram 只能接受 3 列。

感谢有人可以查看或向我推荐任何可用的解决方案。谢谢。