在d3中旋转弯曲的textPath

Question

我已经创建了一些弯曲的文本路径，但是不知道如何旋转颠倒的文本，例如＆＃34; Stone Mill Court＆＃34;，＃34; Maginn Drive＆＃34;。

我有以下代码：

＆＃13;

＆＃13;

var svg = d3.select("body").append("svg")
  .attr("width", w)
  .attr("height", h)
  .attr("viewBox", "0 0 " + w + " " + h);

svg.selectAll("path")
  .data(features)
  .enter()
  .append("path")
  .attr('id', function(d, i) { return 'curve-' + i; })
    .attr("d", path)
    .attr("fill", 'none')
    .attr('stroke', 'blue')
    .attr('stroke-width', 1);

svg.selectAll("text")
  .data(features)
  .enter()
  .append("text")
    .attr("id", function(d, i) { return 'curve-text-' + i; })
// Something needs to be done here to rotate the text.
    .append("textPath")
      .attr("xlink:href", function(d, i) { return '#curve-' + i; })
      .text(function (d) {
        return d.label
      });

＆＃13;

＆＃13;

＆＃13;