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

JLe*_*ich 3 javascript css svg text-align d3.js

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

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

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

ecl*_*sis 5

使用text-anchor: middletext-align: center代替text-anchor: startFiddle