如何动态更改力布局图中的数据？ D3

Question

我有几个 JSON 文件可以用于我的力导向图，我想选择我 运行 的一个。 我可以更改 HTML 文件

中读取的 JSON 的名称

<script type="text/javascript" src="networkA.json"></script>

到

<script type="text/javascript" src="networkB.json"></script>

但我希望动态执行此操作。

因此，当我第一次加载 SVG 时，会弹出我的数据选择，我可以选择要关闭哪个力导向图 运行。

此外，希望在 运行 时更改它，但知道如何启动可能会回答这个问题。

这是一个可以动态变化的完美演示：

'http://projects.flowingdata.com/tut/interactive_network_demo/'

但我想在力导向图上做类似的事情

Answer 1

使用 d3.json 根据 UI 选择动态加载数据，如此处记录：

https://github.com/mbostock/d3/wiki/Requests