2013-04-29 4 views
9

द्वारा डेटा चार्ट करना मैं वेब पेज पर प्लांट शेड्यूलिंग डेटा प्रदर्शित करने के लिए गैंट या टाइमलाइन प्रकार आरेखों का उत्पादन करने के लिए तीसरे पक्ष शेड्यूलिंग सॉफ़्टवेयर से डेटा का उपयोग करना चाहता हूं। आवश्यकताओंजावास्क्रिप्ट गैंट चार्ट - दिन/घंटा/मिनट

  • जावास्क्रिप्ट/HTML (5)/सीएसएस समाधान (कोई फ़्लैश संभव हो तो) शामिल
  • मुख्य रूप से gantts/समय प्रकार चार्ट के लिए है, लेकिन अन्य चार्ट प्रकार उपयोगी
  • jQuery या प्रोटोटाइप अगर के आधार पर हो सकता है संभव
  • समय पैमाने पर घंटे/मिनट की अनुमति देनी चाहिए - श्रम/मशीनरी को शेड्यूल करने के लिए यह महत्वपूर्ण है। (5 मिनट के अंतराल पर्याप्त हो सकता है)
  • खुला स्रोत या कम लागत
  • अपने ही समाधान

मैं डेटा में लाने के लिए और PHP और जावास्क्रिप्ट के साथ हेरफेर कर सकते हैं रोल करने के लिए नहीं पसंद करते हैं। मैंने कुछ पैकेजों को देखा (सबसे अधिक संक्षेप में - Gantt Chart online), हालांकि घंटों और मिनटों के संदर्भ में समय का प्रतिनिधित्व करने पर सबसे कमजोर लग रहा था। jQuery.Gantt सबसे अच्छा समाधान की तरह लग रहा था, हालांकि यह मिनटों या घंटों के अंश में स्पष्ट अंतराल प्रदर्शित करने की क्षमता की कमी से पीड़ित है।

क्या कोई इन आवश्यकताओं के लिए पैकेज का उपयोग करता है, या jquery.gantt की सीमाओं को दूर करने में सक्षम है?

धन्यवाद

उदाहरण। इस jquery.gantt प्रतिपादन में, यह निर्धारित करना संभव नहीं है कि कार्य 16:10 या 16:15 पर शुरू होना चाहिए या नहीं। enter image description here

+1

इस StackOverflow धागा देखें, कुछ अच्छे विकल्प संक्षेप गूगल चार्ट गैंट Google TimeLine Chart काफी उपयोगी पाया। http://stackoverflow.com/questions/9085614/gantt-chart-in-javascript-jquery-extjs –

उत्तर

4

रैडियंटक्यू jQuery Gantt Package आपकी आवश्यकताओं को लागू करने के लिए आदर्श है। यह देशी HTML5 का उपयोग करके बनाया गया है, घंटे, मिनट और कस्टम टाइम स्केल प्रकार का समर्थन करता है।

सुविधाओं और अनुकूलन विकल्पों के एक विशाल सेट से भरा हुआ, आप किसी समयरेखा पर किसी भी जानकारी को साजिश करने में सक्षम होना चाहिए।

आप आसानी से किसी भी JSON या अन्य प्रकार के डेटा से जुड़ सकते हैं और केओ जैसे एमवीवीएम पैटर्न का भी उपयोग कर सकते हैं।

उस ऑनलाइन डेमो here पर एक नज़र डालें।

+1

बहुत शक्तिशाली दिखता है। मेरी जरूरतें मौजूदा डेटा को प्रदर्शित करने के लिए अधिक हैं, पूरे ऑनलाइन आवेदन नहीं। मुझे यकीन नहीं है कि रेडियंट इसका समर्थन करता है या नहीं। $ 700-1400 मूल्य टैग काफी मुफ़्त नहीं है, लेकिन अभी भी अपने विकास के मुकाबले बहुत सस्ता है। –

+0

ध्यान दें कि पैकेज में 2 jQuery गैंट विजेट हैं जिन्हें आपके डेटा को प्रदर्शित करने के लिए कॉन्फ़िगर किया जा सकता है। उपर्युक्त लिंक एक ऑनलाइन डेमो पृष्ठ है जो गैंट में उपलब्ध विभिन्न सुविधाओं को चित्रित करने के लिए बनाया गया था। आप केवल विजेट को अपने पृष्ठों में एकीकृत करेंगे और इसे अपने डेटा के साथ पॉप्युलेट करेंगे। – karthik

5

एक खुला स्रोत (जीपीएल) जावास्क्रिप्ट गैंट चार्ट, dhtmlxGantt पर एक नज़र डालें। इसमें एक अनुकूल समय पैमाने है ताकि आप घंटों/मिनट के पैमाने को प्रदर्शित कर सकें, और jQuery के साथ आसान एकीकरण का समर्थन कर सकें।

(अस्वीकरण: मैं DHTMLX के लिए काम करते हैं)

+0

मैंने इस यूआरएल की जांच की। लेकिन गैंट चार्ट केवल लाइसेंस के तहत है। आप इसे साफ़ कर सकते हैं –

+0

dhtmlxGantt में जीपीएल संस्करण भी है, कृपया यह https://dhtmlx.com/docs/products/dhtmlxGantt/#editions-licenses जांचें – Paul

1

मैं भी jQuery.Gantt के साथ एक परियोजना शुरू कर दिया। मैं एक ही असुविधाजनक में भाग गया, और बाद में मुझे यह मिला। उम्मीद है कि यह अन्य लोगों की मदद करेंगे: हालांकि

angular-gantt

मैं उत्पादन या बड़ा डेटा पर यह प्रयास नहीं किया है निर्धारित करता है। इस पुस्तकालय से लाभ यह है कि यह एमआईटी लाइसेंस प्राप्त है जिसका अर्थ है कि आप इसे वाणिज्यिक समाधान में उपयोग कर सकते हैं।

0

क्या कोई और अभी भी ग्रैनुलर टाइमकेल्स (मिनट-सेकेंड) के साथ इस तरह के गैंट चार्ट लाइब्रेरी की तलाश में है? मैं

(हालांकि वे यह समय चार्ट कहते हैं) एक और गैंट साथ जावास्क्रिप्ट चार्ट पुस्तकालय का उपयोग करने के लिए स्वतंत्र है Amcharts

संबंधित मुद्दे