डी 3 लाइन बंद पथ

Question

अद्यतन के रूप में अभिनय: यहाँ मुद्दा का एक उदाहरण है - http://jsfiddle.net/Hffks/2/

मैं डी 3 उपयोग करने के लिए एक लाइन ग्राफ कोड करने के लिए कोशिश कर रहा हूँ और मेरी लाइन, अंत में बंद किया जा रहा है जिसके द्वारा मेरा मतलब है कि यह एक बंद पथ के रूप में कार्य करता है जहां पहले और अंतिम बिंदु समान होते हैं।

[ entityA : [ { time : 1230000, // time since epoch 
      attribute1 : 123 // numeric value 
      attribute2 : 123 // numeric value 
      }, 
       { time : 1230010, // time since epoch 
       attribute1 : 123 // numeric value 
       attribute2 : 123 // numeric value 
      } ], 
    entityB : [ { ... // same format as above 
    ... 
] 

मैं एक लाइन का एक मानक घोषणा का उपयोग कर रहा (d3.svg.line x और y के लिए एक समारोह के साथ):

var line = d3.svg.line() 
     .x(function(d) { 
      return x_scale(d.c_date)); 
     }) 
     .y(function(d) { 
      return y_scale(d.total); 
     }); 

अंदर

फिर मेरे डेटा निम्नलिखित JSON प्रारूप में आता है ": पथ svg":

canvas.append("svg:path") 
      .attr("d", line(data[entity])) 

ग्राफ कार्यों के बारे में बाकी सब कुछ: अंक सही ढंग से रखा जाता है, मैं इकाई प्रति कई अलग-अलग लाइनों है, कुल्हाड़ियों हैं पाश कि संस्थाओं से अधिक दोहराता मैं एक जोड़कर कर रहा हूँ के लिए एक खींचा, ई टीसी। हालांकि, प्रत्येक स्वतंत्र रेखा एक बंद पथ के रूप में कार्य करता है।

किसी भी मदद के लिए अग्रिम धन्यवाद!

Answer 1

पथ डिफ़ॉल्ट रूप से भर जाते हैं। यदि आप fill को "none" और stroke पर "काला" पर सेट करते हैं तो आप देखेंगे कि पथ बंद नहीं है, यह प्रतीत होता है।

कार्य बेला: http://jsfiddle.net/Hffks/3/