问题标签 [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.
javascript - 结合气泡图和桑基图谷歌图表
我正在尝试将 Google Charts 中的 Bubble Chart 和 Sankey Diagram 元素结合起来,但很难让它们显示在页面上。(这是来自 Google 的示例代码)。当我隔离气泡图或桑基图的代码时,它们可以工作 - 但将它们放在一起,什么也没有发生。我确保设置了唯一的变量名,不确定我还缺少什么。此外,我实际上没有编码经验,只是对 Python 有一些了解,所以我可能完全过于简单化了。谢谢您的帮助!
javascript - D3 桑基和弦颜色
所以我正在开发一个 Sankey 图,使用 D3 的 Sankey API,我试图弄清楚如何改变往返节点的条带或绳索的颜色。我正在尝试做的一个例子可以在这里找到:
我希望能够单独选择每个乐队并选择该乐队的颜色。我找不到 D3 的 Sankey API 的任何文档,所以我不知道如何真正实现这一点。我尝试了通过在我提供的链接中搜索 Sankey 的代码找到的setColors函数。但是,这似乎不适用于我的代码。我以这段代码为基础开始了我的 Sankey:
http://tamc.github.io/Sankey/examples/simple.html
有人可以告诉我如何使用这个作为参考来改变乐队的颜色吗?
PS如果有人也可以告诉我如何更改节点的颜色,那就太好了!
r - 使用闪亮时不正确的输出桑基图
当我在常规 R 会话中创建 sankey 图时,输出看起来还不错。工具提示在连接之间显示一个箭头:
当我在 中创建它时shiny
,工具提示中的箭头被不寻常的字符替换。同样在情节下方打印了一个不寻常的字符。我需要下载 d3_sankey 库以使闪亮的应用程序版本工作,所以如果你想重现它,你必须更改setLib
语句中的路径。如何解决这个问题?
javascript - d3.js 为 sankey 选择特定列
根据下面的示例,我可以过滤特定列上的数据以将我的 29 行压缩到 9 行;但是是否有可能获取该结果(在数据中)并排除列?
我想为用户提供选择出现在 Sankey 中的列的能力。例如,我希望 Sankey 显示页面、访问者、元素和国家/地区。数据中的结果还包括 Visitor_Link、Country、State 和 Browser。
下次运行时,用户可以选择一组不同的列(例如页面、访问者)。
我尝试过各种事情;但如果我能弄清楚如何根据 mycolumns 数组中的字段构建 Sankey,那将是一个好的开始。我试过这个来隔离列......
依此类推来构建 sankey:
感谢您提供的任何见解。
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.
javascript - 谷歌桑基颜色悬停
使用此 API: https ://developers.google.com/chart/interactive/docs/gallery/sankey
我想做一个桑基图。当鼠标悬停在链接上而不影响其他链接时,有什么方法可以更改链接的颜色?那么,默认情况下它们是灰色的,然后当鼠标悬停在一个链接上时,那个单独的链接会变成蓝色而其他链接会保持灰色?
vb.net - Sankey 插件 vb.net winforms
我只是想知道,是否有人知道 vb.net 和 winforms 的插件或其他东西来生成 sankey 图表。
我什么都没试过,因为从昨天起我就没有听说过 sankey。然后我用 vb.net 和 winforms 搜索了 sankey,到目前为止什么也没找到。所以我只想问大家,是否有人知道插件或其他东西。如果不是我自己写的,请使用 excel 插件。
d3.js - 使用 D3.js Sankey 布局解析数据时出现问题
我正在寻找一些关于我正在创建的桑基图做错了什么的提示。我正在绘制食物消费随时间变化的图表,并使用 Sankey 布局可视化这些值在 40 年期间的变化情况。
块和小数据集在这里。相关代码:
不幸的是,正如您在 bl.ock中看到的那样,我遇到了一个错误。老板建议它可能是一个循环链接,但我有点茫然。有什么提示或建议吗?
编辑:为了清楚起见,我追求的是这样的:
(来源)
据我所知,我认为我正在正确地构建节点和边缘。如果我们查看节点数组和边数组的控制台:
它不像通常的桑基图或冲积图,正如我经常看到的那样,它显示了项目的折叠和扩展。在我的例子中,日期、食物和价值在整个可视化长度中都是一个单一的流,但会根据给定年份的值调整大小/重新定位(如上面的示例图像)。
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.
Thanks.
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 列。
感谢有人可以查看或向我推荐任何可用的解决方案。谢谢。