Wie konvertiere ich meine Zahlenskala (0-50.000) in eine radiale Fortschrittsanzeige?

Question

Ich habe versucht, einen linearen Bereich und Domäne zu konvertieren, aber das scheint nicht zu funktionieren. Ich muss nur ein Abschlussdiagramm erstellen. 50.000 sind 100% und ein aktueller Wert von (sagen wir 25.000). Wie konvertiere ich meine normalen Werte in Radiant?

Hier ist, was ich bisher:

var pieScale = d3.scale.linear().range([0, 8]); 
    pieScale.domain([0, 50000]); 

    var svg = d3.select("#redCircle").append("svg") 
       .attr({ 
        'preserveAspectRatio': 'xMinYMin meet' 
       }); 


    var marginArc = d3.svg.arc() 
         .startAngle(0) 
         .innerRadius(0) 
         .outerRadius(100); 

    var marginArcSvg = svg.append("path") 
          .attr({ 
           "d": function (d) { 
            marginArc.endAngle((2 * Math.PI) * pieScale(25000)); 
            return marginArc(); 
           }, 
           "transform": function (d) { 
            return "translate(" + 100 + ", " + 100 + ")" 
           }, 
           "fill": "white" 
          }); 

Answer 1

Aktueller Wert dividiert durch 50.000 gibt Ihnen den Prozentsatz um den Kreis. Dann wandeln, dass in Radiant mit der folgenden Pseudo -Code

var radians = percentage * 2 * Math.PI 

Quelle: HTML5: Fill circle/arc by percentage