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

Question

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

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

基本上，如果你看看我的JSfiddle，你会发现大小为1的最小节点无法在里面正确显示它的标签，因为盒子/节点很小，所以文本不适合。

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

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

这是我的完整JSFiddle：

Answer 1

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

第21行：

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

第42行：

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

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

这里有你修改过的jsfiddle：modified example。

现在，根据您的数据，您可能想要做其他事情，或许可以计算出让我们说出所有值总和的1％，但这是一个基本的想法，我希望，这可以是你的实力起点。

希望这有帮助。

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