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，以便可以重新初始化图表以适应新的维度。您链接的流程示例仍然需要元素的手动位置...即您需要单击并滚动。简而言之，没有自动方法来调整图表的大小以适应未知数量的数据元素。希望有所帮助。