डी 3

Question

के साथ एक सरल चाप जोड़ने के लिए मैं कैसे एक चक्र की तरह चार्ट अनुभाग में एक साधारण चाप जोड़ना चाहते हैं:

vis.append("circle") 
    .style("stroke", "gray") 
    .style("fill", "white") 
    .attr("r", 40) 
    .attr("cx", 50) 
    .attr("cy", 50); 

प्रदान की examples of D3 डेटा गुणों के साथ काम कर रहे हैं, लेकिन मैं बिना यह देखना चाहेंगे कोई अंतर्निहित डेटा।

Answer 1

डी 3 आर्क के लिए पथ जनरेटर का उपयोग करता है। आप नहीं करना चाहते हैं डेटा-ड्राइव अपने चाप, तो बस चाप जनरेटर को परिभाषित करने और कुछ विधियों को जोड़ने ...

var arc = d3.svg.arc() 
    .innerRadius(50) 
    .outerRadius(70) 
    .startAngle(45 * (Math.PI/180)) //convert from degs to radians 
    .endAngle(3) //just radians 

vis.append("path") 
    .attr("d", arc) 
    .attr("transform", "translate(50,50)") 

आप एक डेमो देख सकते हैं: http://jsfiddle.net/h9XNz/