如何使用 d3.js 在 SVG 图表上居中？

Question

演示：http://jsfiddle.net/29j6ozqn/

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

我想要一个通用的解决方案，这意味着无论文本字符串有多长，中间总是超过“0.5”。 x轴是什么类型的轴也无关紧要（无论是线性的、有序的等）

Answer 1

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