ग्राफ चार्ट: नेटवर्क टॉपोलॉजी और संबंध मैपिंग

विकल्प = {
    सुझाव: {},
    लेजेंड: {
        डेटा: ['सेवाएं', 'डेटाबेस']
    },
    श्रृंखला: [
        {
            नाम: 'सिस्टम नेटवर्क',
            प्रकार: 'ग्राफ',
            लेआउट: 'फोर्स',
            रोम: सच, // जूमिंग और पैनिंग की अनुमति देता है
            लेबल: {
                दिखाएं: सच,
                स्थिति: 'दाएं'
            },
            फोर्स: {
                प्रतिकर्षण: 100,
                किनारे की लंबाई: 80
            },
            डेटा: [
                { आईडी: '0', नाम: 'API गेटवे', सिंबलआकार: 30, श्रेणी: 0 },
                { आईडी: '1', नाम: 'ऑथ सेवा', सिंबलआकार: 20, श्रेणी: 0 },
                { आईडी: '2', नाम: 'ऑर्डर सेवा', सिंबलआकार: 20, श्रेणी: 0 },
                { आईडी: '3', नाम: 'उपयोगकर्ता डीबी', सिंबलआकार: 25, श्रेणी: 1 },
                { आईडी: '4', नाम: 'ऑर्डर डीबी', सिंबलआकार: 25, श्रेणी: 1 }
            ],
            लिंक्स: [
                { स्रोत: '0', लक्ष्य: '1' },
                { स्रोत: '0', लक्ष्य: '2' },
                { स्रोत: '1', लक्ष्य: '3' },
                { स्रोत: '2', लक्ष्य: '4' }
            ],
            श्रेणियां: [
                { नाम: 'सेवाएं' },
                { नाम: 'डेटाबेस' }
            ]
        }
    ]
};

विकल्प = {
    टूलटिप: {},
    श्रृंखला: [
        {
            प्रकार: 'ग्राफ',
            लेआउट: 'वृत्ताकार',
            रोम: सच,
            लेबल: {
                दिखाएं: सच,
                स्थिति: 'बाहरी'
            },
            किनारे संकेत: ['कोई नहीं', 'तीर'], // लिंक एंडपॉइंट्स पर तीर बनाएं
            किनारे संकेत आकार: [0, 8],
            डेटा: [
                { आईडी: 'A', नाम: 'नोड A', संकेत आकार: 24 },
                { आईडी: 'B', नाम: 'नोड B', संकेत आकार: 24 },
                { आईडी: 'C', नाम: 'नोड C', संकेत आकार: 24 },
                { आईडी: 'D', नाम: 'नोड D', संकेत आकार: 24 },
                { आईडी: 'E', नाम: 'नोड E', संकेत आकार: 24 }
            ],
            लिंक: [
                { स्रोत: 'A', लक्ष्य: 'B' },
                { स्रोत: 'B', लक्ष्य: 'C' },
                { स्रोत: 'C', लक्ष्य: 'D' },
                { स्रोत: 'D', लक्ष्य: 'E' },
                { स्रोत: 'E', लक्ष्य: 'A' },
                { स्रोत: 'A', लक्ष्य: 'C' }
            ],
            रेखा शैली: {
                रंग: '#5470c6',
                चौड़ाई: 2,
                वक्रता: 0.2 // ओवरलैप से बचने के लिए कनेक्शन लाइनों को वक्र बनाएं
            }
        }
    ]
};

विकल्प = {
    संकेतक: {
        ऊपरी: '5%',
        बाएं: 'केंद्र'
    },
    श्रृंखला: [
        {
            प्रकार: 'ग्राफ',
            लेआउट: 'बल',
            रोम: सच,
            खींचने योग्य: सच,
            बल: {
                प्रतिकर्षण: 250,
                गुरुत्वाकर्षण: 0.1,
                किनारे लंबाई: [50, 100]
            },
            श्रेणियां: [
                { नाम: 'फ्रंटएंड', आइटम शैली: { रंग: '#5470c6' } },
                { नाम: 'बैकएंड', आइटम शैली: { रंग: '#91cc75' } },
                { नाम: 'इंफ्रास्ट्रक्चर', आइटम शैली: { रंग: '#fac858' } }
            ],
            डेटा: [
                { नाम: 'वेब एप्लिकेशन', श्रेणी: 0, संकेत आकार: 32 },
                { नाम: 'मोबाइल एप्लिकेशन', श्रेणी: 0, संकेत आकार: 28 },
                { नाम: 'एपीआई गेटवे', श्रेणी: 1, संकेत आकार: 26 },
                { नाम: 'माइक्रोसर्विस A', श्रेणी: 1, संकेत आकार: 22 },
                { नाम: 'माइक्रोसर्विस B', श्रेणी: 1, संकेत आकार: 22 },
                { नाम: 'रेडिस कैश', श्रेणी: 2, संकेत आकार: 20 },
                { नाम: 'पोस्टग्रेसक्वल', श्रेणी: 2, संकेत आकार: 24 }
            ],
            लिंक: [
                { स्रोत: 'वेब एप्लिकेशन', लक्ष्य: 'एपीआई गेटवे' },
                { स्रोत: 'मोबाइल एप्लिकेशन', लक्ष्य: 'एपीआई गेटवे' },
                { स्रोत: 'एपीआई गेटवे', लक्ष्य: 'माइक्रोसर्विस A' },
                { स्रोत: 'एपीआई गेटवे', लक्ष्य: 'माइक्रोसर्विस B' },
                { स्रोत: 'माइक्रोसर्विस A', लक्ष्य: 'रेडिस कैश' },
                { स्रोत: 'माइक्रोसर्विस B', लक्ष्य: 'पोस्टग्रेसक्वल' }
            ],
            रेखा शैली: {
                रंग: 'स्रोत', // स्रोत नोड रंग के आधार पर किनारे का रंग
                चौड़ाई: 2,
                वक्रता: 0.1
            }
        }
    ]
};