D3具有动态高度\\宽度的Sankey图

Question

我正在尝试实现此Sankey图http://bl.ocks.org/Neilos/584b9a5d44d5fe00f779

对于大量数据，图表会从UI视图中消失。

我正在寻找这样的实现http://bl.ocks.org/robschmuecker/7880033

动态调整高度宽度属性的图表。

我是D3的新手，不知道如何进行。 任何帮助表示赞赏。

Answer 1

构建d3.js sankey时，它基于您提供的初始宽度和高度。 如果您有许多节点/频带，则还需要调整nodeWidth和nodePadding来隔开频带。 通常，您将设置一个用于输入高度和宽度的输入框，允许用户输入所需的图表尺寸（您可以将其默认设置为screen.width / height），然后重新加载sankey，以便可以重新初始化该图以适应新的尺寸。 您链接到的流程示例仍然需要元素的手动位置...即，您需要单击并滚动。 简而言之，没有自动的方法来调整图表的大小以适合未知数量的数据元素。 希望能有所帮助。