Javascript D3树映射：为最小节点保留最小宽度和高度

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

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

基本上，如果您查看我的JSFIDLE，您将看到大小为1的最小节点无法正确地在内部显示其标签，因为框/节点太小，因此无法容纳文本

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

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

以下是我的全部信息：

---

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

第21行：

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

第42行：

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

（注意，我所做的只是添加

“+20”

）

这里是修改后的JSFIDLE:

现在，根据你的数据，你可能想做一些其他的事情，也许你可以计算所有值总和的1%，而不是20，但这是一个基本的想法，我希望这是你坚实的起点

希望这有帮助

这是修改后的树状图的屏幕截图：

---

嘿，你找到这个问题的解决方案了吗？它可能会起作用，但是在计算每个框大小的函数中求和一个整数，意味着每个框都会随着这个数量的增加而变大。这意味着整个树形图的纵横比也可能是相同的，问题不会得到解决。