Angular 将条形图的重叠x轴以d3角度包裹

我正在研究堆栈条形图，它的x轴彼此重叠。我已经编写了wrap函数，但仍然面临一些问题。我已经在这里创建了demo=>

---

代码中缺少什么？

您试图在空格处换行。在您的示例中，所有标签都不包含空格。 我建议你至少试着在大写字母前换行

words = text.text().match(/^[a-z]+|[A-Z][a-z]+/g).reverse()

---

我们能按横条的宽度把这个词分开吗？。它不应打破钢筋宽度的边界。所有轴应根据钢筋宽度占用空间。

words = text.text().match(/^[a-z]+|[A-Z][a-z]+/g).reverse()