0

http://jsfiddle.net/ttr85xuj/

超过一定程度的文本应该被镜像......我很肯定它是一个翻译属性，但老实说，我认为我可能不得不重做我附加文本和 textPath 的方式，也许是它之前的 svg:path。当我申请translate时，它似乎与任何事物无关。

    path.append("text")
        .style("font-size", "15px")
        .attr("dy", function(d) {
            return 20 - (d.value / 2)
                // return (d.value * 15) - (d.value * 2);
        })
        .attr('transform', function(d) {
            var angle = (d.x + d.dx / 2) * 180 / Math.PI - 90;
            if (Math.floor(angle) == 119) {
                return ""
            } else {
                return ""
            }
            // return 'scale(-1 1)'
        })
        .append("textPath")
        .attr("textLength", function(d, i) {
            return 120 - i * 4;
        })
        .attr("xlink:href", function(d, i) {
            // debugger;
            return "#" + d.name + i;
            // return "#" + (i);
        })
        .attr("startOffset", function(d, i) {
            return 3 / 29;
        })
        .attr("dy", "-1em")
        .text(function(d) {
            return d.name;
        })

任何帮助，将不胜感激。不确定我是否走在正确的轨道上。

4

0 回答 0