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

Question

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

我创建了一个带有两个轴的简单SVG，并附加了一个text元素作为图表的标题。但我无法找到一种可靠的方法来将标题集中在图表的中点。我希望文本元素的中间与＆＃39; 0.5＆＃39;在x轴上打勾。对我而言，视觉上，这是图表的中间部分。

我想要一个通用的解决方案，这意味着文本字符串的长度并不重要，中间部分总是超过＆＃39; 0.5＆＃39;。 x轴的轴类型也无关紧要（无论是线性，序数等）

Answer 1

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