ディンプル/ D3欠けている円グラフ

Question

円グラフのパーセンテージが90％の場合、ディンプルで90％しか表示されない円グラフを作成する方法がありますか？ありがとう。

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>