Dimple/D3带有缺件的饼图

Dimple/D3带有缺件的饼图

问题描述:

如果我有一个饼图的百分比,例如90%,有没有一种方法可以创建一个饼图,只显示90%,其他10%是缺失的饼图?谢谢。Dimple/D3带有缺件的饼图

+0

通过 '丢失' 你的意思是一样,相同的颜色作为背景? – lloyd

+0

是的。缺少的切片。 – cdub

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>

+0

我如何使用酒窝做到这一点?我创建这样的饼图:var mySeries = myChart.addSeries('legend',dimple.plot.pie);我知道d3在下面,所以一定有办法做到这一点。谢谢。 – cdub

+0

甜蜜!谢谢! – cdub

+0

我仍然有使用酒窝的问题。看到这个:https://*.com/questions/45383257/creating-an-imcomplete-pie-chart-in-dimple-js – cdub