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

Question

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

Answer 1

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

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

您还可以通过获得节点的当前半径

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

然后用它来调整svg的宽度和高度。