ट्री चार्ट: हायरार्किकल डेटा और संरचनात्मक संबंध

विकल्प = {
    टूलटिप: {
        ट्रिगर: 'आइटम',
        ट्रिगरऑन: 'माउसमूव'
    },
    सीरीज: [
        {
            प्रकार: 'ट्री',
            डेटा: [{
                नाम: 'सीईओ',
                बच्चे: [
                    {
                        नाम: 'प्रोडक्ट के वीपी',
                        बच्चे: [
                            { नाम: 'प्रोडक्ट मैनेजर' },
                            { नाम: 'यूएक्स डिजाइनर' }
                        ]
                    },
                    {
                        नाम: 'इंजीनियरिंग के वीपी',
                        बच्चे: [
                            { नाम: 'टेक लीड' },
                            { नाम: 'डेवोप्स इंजीनियर' }
                        ]
                    }
                ]
            }],
            ऊपर: '5%',
            बाएं: '15%',
            नीचे: '5%',
            दाएं: '20%',
            सिंबलसाइज: 10,
            लेबल: {
                स्थिति: 'बाएं',
                वर्टिकलएलाइन: 'मिडल',
                एलाइन: 'दाएं',
                फॉन्टसाइज: 12
            },
            लीव्स: {
                लेबल: {
                    स्थिति: 'दाएं',
                    वर्टिकलएलाइन: 'मिडल',
                    एलाइन: 'बाएं'
                }
            },
            एक्सपैंडएंडकॉलेप्स: true,
            एनिमेशनड्यूरेशनअपडेट: 750
        }
    ]
};

विकल्प = {
    टूलटिप: {
        ट्रिगर: 'आइटम',
        ट्रिगरऑन: 'माउसमूव'
    },
    सीरीज: [
        {
            प्रकार: 'ट्री',
            लेआउट: 'रेडियल',
            डेटा: [{
                नाम: 'रूट',
                बच्चे: [
                    {
                        नाम: 'शाखा ए',
                        बच्चे: [
                            { नाम: 'ए1' },
                            { नाम: 'ए2' },
                            { नाम: 'ए3' }
                        ]
                    },
                    {
                        नाम: 'शाखा बी',
                        बच्चे: [
                            { नाम: 'बी1' },
                            { नाम: 'बी2' }
                        ]
                    },
                    {
                        नाम: 'शाखा सी',
                        बच्चे: [
                            { नाम: 'सी1' },
                            { नाम: 'सी2' },
                            { नाम: 'सी3' },
                            { नाम: 'सी4' }
                        ]
                    }
                ]
            }],
            ऊपर: '18%',
            नीचे: '14%',
            दाएं: '18%',
            बाएं: '18%',
            सिंबलसाइज: 12,
            इनिशियलट्रीडीपथ: 2,
            एनिमेशनड्यूरेशनअपडेट: 750
        }
    ]
};

विकल्प = {
    सुझाव: {
        ट्रिगर: 'आइटम'
    },
    श्रृंखला: [
        {
            प्रकार: 'वृक्ष',
            अभिमुखीकरण: 'टीबी', // शीर्ष से नीचे का अभिमुखीकरण
            डेटा: [{
                नाम: 'प्रोजेक्ट रूट',
                बच्चे: [
                    {
                        नाम: 'फ्रंटएंड',
                        बच्चे: [
                            { नाम: 'रिएक्ट' },
                            { नाम: 'व्यू' }
                        ]
                    },
                    {
                        नाम: 'बैकएंड',
                        बच्चे: [
                            { नाम: 'नोड.जीएस' },
                            { नाम: 'पायथन' }
                        ]
                    }
                ]
            }],
            ऊपर: '10%',
            बाएं: '10%',
            नीचे: '10%',
            दाएं: '10%',
            प्रतीक: 'खाली गोला',
            प्रतीक आकार: 14,
            किनारा आकृति: 'बहुपक्षीय', // वक्रों के बजाय तेज आयताकार संयोजनों का उपयोग करता है
            प्रारंभिक वृक्ष गहराई: 2,
            रेखा शैली: {
                चौड़ाई: 2,
                रंग: '#ccc'
            },
            लेबल: {
                स्थिति: 'ऊपर',
                फ़ॉन्ट आकार: 12
            },
            पत्तियाँ: {
                लेबल: {
                    स्थिति: 'नीचे'
                }
            }
        }
    ]
};