3

ドーナツ (またはパイチャート) を作成していて、その領域のすぐ外側にラベルを配置したいと考えています。フィドルhttp://jsfiddle.net/VeeTee/mA3V7/を作成しました。

arcs.append("svg:text")
    .attr("transform", function(d) {
        //this is where I want to make a translation to the outside border
        d.innerRadius = radius;
        d.outerRadius = height/2;
        return "translate(" + arc.centroid(d) +")";
    })
    .attr("dy", ".35em")
    .attr("text-anchor", "middle")
    .text(function(d, i) { return d.value.toFixed(2); });

arc.centroid(d) -> 常に同じ結果が得られます (したがって、同じ翻訳になります)

4

1 に答える 1