Dimple/D3帶有缺件的餅圖

如果我有一個餅圖的百分比，例如90％，有沒有一種方法可以創建一個餅圖，只顯示90％，其他10％是缺失的餅圖？謝謝。Dimple/D3帶有缺件的餅圖

2017-07-28 cdub

通過 '丟失' 你的意思是一樣，相同的顏色作爲背景？ – lloyd

是的。缺少的切片。 – 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>

來源

2017-07-28 21:31:30 lloyd

我如何使用酒窩做到這一點？我創建這樣的餅圖：var mySeries = myChart.addSeries（'legend'，dimple.plot.pie）;我知道d3在下面，所以一定有辦法做到這一點。謝謝。 – cdub

甜蜜！謝謝！ – cdub

我仍然有使用酒窩的問題。看到這個：https：//stackoverflow.com/questions/45383257/creating-an-imcomplete-pie-chart-in-dimple-js – cdub

Dimple/D3帶有缺件的餅圖

回答

相關問題