D3 treemap：为最小节点保留最小宽度和高度

【问题标题】：D3 treemap: reserve min width and height for the smallest nodeD3 treemap：为最小节点保留最小宽度和高度
【发布时间】：2013-12-26 13:38:54
【问题描述】：

我是 D3 世界的新手，我构建了我的第一个树状图。

我找不到保留最小节点尺寸（特定宽度和高度）的解决方案。

基本上，如果您查看我的 JSfiddle，您会发现尺寸为 1 的最小节点无法在内部正确显示其标签，因为框/节点太小以至于无法容纳文本。

{"name": "label5", "size": 1}

有人可以帮我保留/指定最小节点的大小（宽度和高度），以便某些文本/标签适合吗？

这是我完整的JSFiddle：

【问题讨论】：

【解决方案1】：

一种可能解决您的问题的方法是稍微更改代码中的第 21 和 42 行，使它们看起来像这样：

第 21 行：

.value(function(d) { return d.size + 20; });

第 42 行：

    : function(d) { return d.size + 20; };

（请注意，我所做的只是添加" + 20"。

这里有修改后的 jsfiddle：modified example。

现在，根据您的数据，您可能想要做其他事情，也许您可以计算而不是 20，比如说所有值总和的 1%，但这是一个基本的想法，我希望它可以成为您的坚实基础起点。

希望这会有所帮助。

这是修改后的树形图的截图：

【讨论】：