如何使用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。