Group time intervals by date (in d3.js) -

उदाहरण के लिए, start , end और अवधि (घंटे में) विशेषताएँ।

  [[प्रारंभ: नई तिथि (2013, 2, 4, 0), अंत: नई तिथि (2013, 2 , 4, 8), अवधि: 8}, {प्रारंभ: नई तिथि (2013, 2, 4, 22), अंत: नई तिथि (2013, 2, 5, 2), अवधि: 4}, {प्रारंभ: नई तिथि (2013, 2, 5, 5), अंत: नई तिथि (2013, 2, 7, 5), अवधि: 48}]   
 मैं उन्हें कुछ की तरह कल्पना करना चाहता हूं निम्नलिखित ( y  - घंटे,  x  - तिथियां):  
   
 मैं इस तरह की घटनाओं के बीच रिक्त स्थान को भरने के लिए अतिरिक्त ऑब्जेक्ट बनाने के बारे में सोच रहा हूं  
  [[start : नई तिथि (2013, 2, 4, 0), अंत: नई तिथि (2013, 2, 4, 8), स्थिति: "व्यस्त"}, {प्रारंभ: नई तिथि (2013, 2, 4, 8, 0, 1), अंत: नई तारीख (2013, 2, 4, 21, 59, 59), स्थिति: "निशुल्क"}, {प्रारंभ: नई तिथि (2013, 2, 4, 22), अंत: नई तिथि (2013 , नई तिथि (2013, 2, 5, 2), स्थिति: "व्यस्त"}]   
 और फिर इस पर मैप करें।  
 तो मेरा सवाल यह है कि, कैसे इस दृश्य को आसान बनाने के लिए सरणी को विभाजित करना और समूह बनाना बेहतर होगा? शायद इसके लिए कुछ अंतर्निहित D3.js विशेषताएं हैं?   
 
 
 मैं डेटा स्वरूप को  
  को बदलने पर विचार करेगा [[start : नई तारीख (2013, 2, 4, 0), अंत: नई तिथि (2013, 2, 4, 8)}, {प्रारंभ: नई तिथि (2013, 2, 4, 22), अंत: नई तिथि (2013, 2, 5, 2)}, {प्रारंभ: नई तिथि (2013, 2, 5, 5), अंत: नई तिथि (2013, 2, 7, 5)}]   
 आपके पास आरंभ और समाप्ति तिथि है, आपको वास्तव में एक अवधि की आवश्यकता नहीं है। वैकल्पिक रूप से आपके पास सिर्फ शुरुआत की तारीख और एक अवधि हो सकती है।  
 मैं स्टैकलेआउट से बहुत परिचित नहीं हूँ, लेकिन इस परियोजना के लिए बस  rect  सही स्थिति में तत्व। मैंने यहां एक उदाहरण दिया है: जो इस तथ्य को ध्यान में नहीं रखता है कि आपको घटनाओं को लपेटने की ज़रूरत है जो एक दिन शुरू होती है और अगले को समाप्त होती है यह सिर्फ एक ही कॉलम में सभी ईवेंट प्रदर्शित करता है, जिसमें रिक्त समय का प्रतिनिधित्व करने वाला सफेद स्थान होता है।