小编use*_*712的帖子

D3.js圆环图... arc.centroid(d)不受d.innerRadius和d.outerRadius的影响

我正在创建一个甜甜圈(或饼图),我想将标签放在该区域之外.我为它创建了一个小提琴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); });
Run Code Online (Sandbox Code Playgroud)

arc.centroid(d) - >总是给出相同的结果(因此翻译相同)

d3.js pie-chart donut-chart

1
推荐指数
1
解决办法
7567
查看次数

标签 统计

d3.js ×1

donut-chart ×1

pie-chart ×1