如何正确地将文本宽度设置为图表条上方中心标签？

我目前有一个图表，每个条形上方显示有关联的条形值，但由于无法获取每个文本元素的宽度，因此我很难将值标签居中。

这就是我目前绘制的图表的方式：

我需要做的就是减去每个文本元素宽度的一半，但我似乎无法使用以下 Coffeescript 来做到这一点：

    #Drawing value labels   
    svg.selectAll("rect")
        .data(data)
        .enter()
        .append("text")
        .text((d)-> d.Total)
        .attr("width", x.rangeBand())
        .attr("x", (d)->
            textWidth = d3.selectAll("text").attr("width")

            x(d.Year) + (x.rangeBand() / 2) - (textWidth / 2)
        )
        .attr("y", (d)-> y(d.Total) - 5)
        .attr("font-size", "10px")
        .attr("font-family", "sans-serif")

    #Drawing bars       
    svg.selectAll("rect")
        .data(data)
        .enter().append("rect")
        .attr("class", "bar")
        .attr("x", (d)-> x(d.Year))
        .attr("width", x.rangeBand())
        .attr("y", (d)-> y(d.Total))
        .attr("height", (d)-> height - y(d.Total))

有没有办法可以访问每个文本元素的宽度属性来设置偏移值？

一个也许更简单的方法是使用text-anchor of middle with x设置为条形图的左侧加上条形图宽度的一半：

svg.selectAll(".bar-label")
  .data(data)
.enter().append("text")
  .text((d)-> d.Total)
  .attr("class", "bar-label")
  .attr("text-anchor", "middle")
  .attr("x", (d)-> x(d.Year) + x.rangeBand()/2)
  .attr("y", (d)-> y(d.Total) - 5)