mxGraph
ओपन सोर्स जावास्क्रिप्ट डायग्रामिंग लाइब्रेरी
ओपन सोर्स फ्री जावास्क्रिप्ट डायग्रामिंग लाइब्रेरी के जरिए इंटरएक्टिव ग्राफ और चार्टिंग एप्लिकेशन जेनरेट करें।
एमएक्सग्राफ एक खुला स्रोत जावास्क्रिप्ट आरेख पुस्तकालय है जो एसवीजी और एचटीएमएल आरेखों को प्रस्तुत करने के लिए कार्यक्षमता प्रदान करता है। mxGraph लाइब्रेरी का उपयोग करने के लिए किसी तृतीय-पक्ष सॉफ़्टवेयर की आवश्यकता नहीं है। दूसरी अच्छी बात यह है कि इसके लिए किसी प्लगइन्स की आवश्यकता नहीं होती है और इसे वस्तुतः किसी भी ढांचे में एकीकृत किया जा सकता है। mxGraph इंटरेक्टिव आरेख और ग्राफ़ प्रदर्शित करने के उद्देश्य से सुविधाएँ प्रदान करता है। एपीआई एक आरेख के साथ एक संदर्भ को खींचने, बातचीत करने और संबद्ध करने के लिए सभी सामान्य रूप से आवश्यक कार्यक्षमता प्रदान करता है।
एपीआई एक बहुत ही सामान्य वास्तुकला का उपयोग करता है, इसके लिए एक वेब सर्वर की आवश्यकता होती है जिसमें HTML पृष्ठों को संभालने की क्षमता हो और एक वेब ब्राउज़र जो जावास्क्रिप्ट का समर्थन करता हो। यह मुख्य रूप से एक जावास्क्रिप्ट फ़ाइल का उपयोग करता है जिसमें सभी पुस्तकालय कार्यक्षमता शामिल हैं। वह फ़ाइल एक जावास्क्रिप्ट अनुभाग में एक HTML वेब पेज में लोड की जाती है और ब्राउज़र में एक HTML कंटेनर में निष्पादित होती है
एमएक्सग्राफ के साथ शुरुआत करना
एमएक्सग्राफ को स्थापित करने का अनुशंसित तरीका एनपीएम के माध्यम से है, यह एनपीएम पैकेज मैनेजर के माध्यम से उपलब्ध है। निर्भरता के रूप में mxGraph का उपयोग करने के लिए, npm इंस्टॉल का उपयोग करें।
npm . के माध्यम से mxGraph इंस्टॉल करें
npm install mxgraph --save
जावास्क्रिप्ट एपीआई के माध्यम से रेखांकन उत्पन्न करें
ओपन सोर्स एमएक्सग्राफ लाइब्रेरी जावास्क्रिप्ट का उपयोग करके आरेख या ग्राफ़ बनाने के लिए कार्यक्षमता प्रदान करती है। यह नए ग्राफ़ संपादक बनाकर या उन्हें अनुकूलित करके जटिल ग्राफ़ को संशोधित करने का भी समर्थन करता है। सबसे पहले, आपको दिए गए कंटेनर के अंदर एक ग्राफ बनाने की जरूरत है और फिर आप ग्राफ बनाने के लिए मॉडल में आसानी से सेल जोड़ सकते हैं। आप आसानी से आरेख शीर्षक जोड़ सकते हैं और कई प्रतिभागियों पर नोट्स रख सकते हैं। पुस्तकालय अतिरिक्त सुविधाएँ भी प्रदान करता है जैसे दृश्य प्रभाव, उपयोगकर्ता-इंटरफ़ेस नियंत्रण, और बहुत कुछ।
जावास्क्रिप्ट के माध्यम से दो रेखांकन मर्ज करना
एमएक्सग्राफ कंप्यूटर प्रोग्रामर को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर दो ग्राफ को मर्ज करने में सक्षम बनाता है। सबसे पहले, आपको दिए गए कंटेनर के अंदर एक नमूना ग्राफ बनाना होगा। कृपया सभी कक्षों को सफ़ेद, बोल्ड लेबल से गोल करें। अब कृपया कंटेनर के बिना दूसरा ग्राफ मॉडल बनाएं। शीर्षों के लिए कस्टम आईडी का उपयोग करके एकल चरण में लक्ष्य मॉडल में कक्ष जोड़ें। अब आप दूसरे ग्राफ़ से मॉडल को पहले ग्राफ़ के मॉडल में मर्ज कर सकते हैं।
जावास्क्रिप्ट का उपयोग करके ग्रिड बनाना
एमएक्सग्राफ पुस्तकालय सॉफ्टवेयर डेवलपर्स को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर गतिशील रूप से ग्रिड बनाने में सक्षम बनाता है। आप HTML 5 कैनवास का उपयोग करके आसानी से गतिशील रूप से ग्रिड बना सकते हैं। पहले कृपया दिए गए कंटेनर के अंदर ग्राफ बनाएं और गतिशील रूप से एक ग्रिड बनाएं जिसके लिए कैनवास की आवश्यकता हो। कैनवास को एक कंटेनर के रूप में स्वीकार करने के लिए आपको ईवेंट फ़िल्टरिंग को संशोधित करने की आवश्यकता है। अब cयदि आवश्यक हो तो पृष्ठभूमि को सीखता है और पिक्सेल में ग्रिड लाइनों की दूरी सेट करता है। अब वास्तविक ग्रिड खींचता है।