Как центрировать титул над диаграммой SVG с d3.js?

Question

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

Я создал простую SVG с двумя осями и приложил text элемент, чтобы служить в качестве заголовка диаграммы. Но я не могу найти надежный способ центрировать название над серединой графика. Я бы хотел, чтобы середина текстового элемента была выровнена по типу «0,5» на оси х. Для меня визуально это середина графика.

Я хотел бы получить общее решение, означающее, что не имеет значения, как долго длится текстовая строка, а середина всегда будет более 0,5. Он также не имеет значения, какой тип оси х-оси (будь то линейный, порядковые и т.д.)

Answer 1

Использование text-anchor: middle или text-align: center вместо text-anchor: start: Fiddle.