Question

如果我有一个饼图的百分比说90％有一种方法在酒窝创建一个仅显示90％的饼图而另一个10％是一个缺失的切片？感谢。

Answer 1

var arc = d3.arc()
    .startAngle(0)
    .endAngle(Math.PI * 2);

将您的起始角度设置为0，然后以2PI结束。你可以将它乘以你想要的角度。

var svg = d3.select("body")
    .append("svg")
    .attr("width", 200)
    .attr("height", 200)
    .append("g")
    .attr("transform", "translate(100,100)");

var arc = d3.svg.arc()
    .innerRadius(0)
    .outerRadius(70)
    .startAngle(0)
    .endAngle(2 * Math.PI * 0.9);

svg.append("path")
    .attr("class", "arc")
    .attr("d", arc);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

凹痕/ D3饼图缺少件

1 个答案: