बहुत सरल डी 3: एक आर्क कैसे आकर्षित करें?

Question

डी 3 सीखना अच्छा लगेगा। कई उदाहरण पढ़ने के बाद, मुझे लगता है कि मैं इसे समझता हूं। मेरी पहली परियोजना सादगी के लिए संक्रमण के बिना रंगीन पहिया बनाना है। लेकिन ऐसा लगता है कि मेरी पहली परियोजना के लिए भी इतना आसान नहीं है! प्रोजेक्ट शून्य के लिए, मैं स्क्रीन पर कुछ दिखाने की कोशिश कर रहा हूं। उम्मीद है कि मैंने कुछ लिखा है (और प्रिय पढ़ा गया है), और एक उदाहरण नहीं।

मैंने क्या गलत किया? http://jsfiddle.net/aGdMX/1/

var arc = d3.svg.arc() 
    .innerRadius(40) 
    .outerRadius(100) 
    .startAngle(0) 
    .endAngle(1) 
    ; 

var chart = d3.select("body").append("svg:svg") 
    .attr("class", "chart") 
    .attr("width", 420) 
    .attr("height", 420).append("svg:g") 
    .attr("transform", "translate(200,200)") 
    ; 

chart.selectAll("path") 
    .data(data) 
    .enter().append("svg:path") 
    .attr("fill", function(d, i){ 
     return d3.rgb("black"); 
    }) 
    .attr("d", arc) 
    ; 

धन्यवाद

Answer 1

आपका यहाँ उदाहरण किसी भी डेटा परिभाषित नहीं है।

chart 
    .append("svg:path") 
    .attr("fill", function(d, i){ 
     return d3.rgb("black"); 
    }) 
    .attr("d", arc) 
    ; 

या कुछ डेटा को परिभाषित करने और उपयोग करें कि ड्राइंग ड्राइव करने के लिए:

http://jsfiddle.net/findango/aGdMX/2/

(तुम सिर्फ स्थिर svg आकर्षित करने के लिए चाहते हैं, selectAll() और डेटा() बाइंडिंग को छोड़ प्लस .attr("fill" ... .style("fill" होना चाहिए ...)