酒窝/D3 缺少部分的饼图

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>