javascript - 具有动态高度\宽度的 D3 桑基图

Question

我正在尝试实现这个桑基图 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，以便可以重新初始化图表以适应新尺寸. 您链接到的流程示例仍然需要手动定位元素...即您需要单击并滚动。简而言之，没有自动方法来调整图表的大小以适应未知数量的数据元素。希望有帮助。