D3.js D3树形图-实现一种排序，将所有数据显示为水平线

我刚刚开始使用D3创建树形图，我想知道是否有人知道我如何创建一个树形图，将所有元素定位为固定宽度的水平矩形。我相信这需要对排序函数进行一些修改，以便所有数据都像一列表一样堆叠在一起，高度根据数据而变化

在此方面的任何帮助都将不胜感激

提前感谢,，

---

John

那么你想要的是一个水平条形图吗？谢谢你的想法，但不，我相信它更像是一个水平直方图，但我希望构建类似D3树形图示例的功能，因为它将基于区域，例如，100%将是整个画布，假设20%用于苹果，40%用于梨，40%用于橙子，向下钻取类似的“堆积百分比”画布。我希望水平线的宽度和相对面积相等。你是在建议我使用另一个图表，即我是否在这里做过工程！是的，我认为你把这个复杂化了。这正是条形图所做的-条形图的大小与它们所代表的值成正比。感谢Lars-我没有遇到一个D3条形图示例具有交互性，如此树状图中的功能：我曾假设我需要构建类似于此的图来获得此功能，但也许我需要查看进入条形图实现更多。如果你知道任何类似的例子，我将非常感激。再次感谢你，JohnOk，如果你想要和树状图一样的交互性，最好使用树状图。