D3.js气泡图-让图表使用全宽

Question

我正在尝试获取一个“真实的”全屏图表，该图表会占用所有提供的空间并删除其周围的空间：

我已经尝试在svg和viewBox以及其他排序技术上设置不同的直径值，但是它们都不起作用。所以我的问题是，这是否真的可能实现，或者d3是否需要此空间？

这是我的代码，用于设置图表的布局，有关详细信息，您可以找到我的笔here。

var diameter = 600;

var margin = 20;

var svg = d3
   .select('#chart')
   .append('svg')
   .attr('viewBox','0 0 ' + (diameter - margin) + ' ' + diameter)
   .attr("width", (diameter - margin))
   .attr("height", diameter)
   .attr("class", "bubble");

var bubble = d3
   .pack(data)
   .size([diameter, diameter])
   .padding(10);

var nodes = d3.hierarchy(data)
   .sum(function(d) { return d.count; })
   .sort(function(a, b) { return a.value - b.value; });