Javascript 如何使用d3.js将标题置于SVG图表的中心？

演示：

我创建了一个带有两个轴的简单SVG，并添加了一个文本元素作为图表的标题。但是我找不到一个可靠的方法把标题放在图表的中点。我希望文本元素的中间在x轴上的“0.5”刻度上对齐。在我看来，这是图表的中间部分

---

我想要一个通用的解决方案，这意味着不管文本字符串有多长，中间的值总是大于“0.5”。不管x轴是什么类型的轴，无论它是线性的、顺序的，等等，都不重要。

使用文本锚定：中间或文本对齐：中心，而不是文本锚定：开始：。

啊，哇……这就是我在不看CSS的情况下盲目复制CSS得到的结果。我们中最好的人：