如何使用d3.js将标题集中在SVG图表上？

Question

DEMO：http://jsfiddle.net/29j6ozqn/

我创建了一个带有两个轴的简单SVG，并附加了一个text元素作为图表的标题。但是我无法找到一种可靠的方法将标题集中在图表的中点。我希望文本元素中的中间对齐x轴上的“0.5”刻度。在视觉上，对我来说，这是图表的中间部分。

我想要一个通用的解决方案，这意味着无论文本字符串多长时间，中间将始终超过'0.5'。它也应该不会不管是什么类型的轴x轴的（无论是线性的，顺序等）

Answer 1

使用text-anchor: middle或text-align: center代替text-anchor: start：Fiddle。