从d3.js中的json数据动态设置的气泡图宽度和高度

Question

我想根据节点数设置气泡图的宽度和高度。随着节点数量增加，节点增加但我不知道我的宽度和高度在哪个比例增加。我有固定的节点大小。

Answer 1

如果要调整svg的大小，添加更多节点后，只需再次选择svg并设置width和height属性。您还可以创建具有特定半径的节点。假设您定义var r = 50;，并且您的svg的初始宽度为var width = 500;，那么在添加一个节点后，您可以增加宽度

d3.select("svg").
  attr("width", width + (2*r));

您还可以通过

获取节点的当前半径

d3.select("circle").attr("r");

并使用它来调整你的svg宽度和高度。