Dimple/D3 缺少部分的饼图
Dimple/D3 Pie chart with missing pieces
如果我有一个饼图的百分比,比如 90%,有没有办法在 dimple 中创建一个只显示 90% 而其他 10% 是缺失部分的饼图?谢谢
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>
如果我有一个饼图的百分比,比如 90%,有没有办法在 dimple 中创建一个只显示 90% 而其他 10% 是缺失部分的饼图?谢谢
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>