ट्रीमैप चार्ट: हायरार्किकल वॉल्यूम और नेस्टेड अनुपात

विकल्प = {
    टूलटिप: {
        प्रारूपक: '{b}: ${c}'
    },
    श्रृंखला: [
        {
            प्रकार: 'ट्रीमैप',
            डेटा: [
                {
                    नाम: 'इलेक्ट्रॉनिक्स',
                    मूल्य: 400,
                    बच्चे: [
                        { नाम: 'फ़ोन', मूल्य: 240 },
                        { नाम: 'लैपटॉप', मूल्य: 160 }
                    ]
                },
                {
                    नाम: 'एपरेल',
                    मूल्य: 300,
                    बच्चे: [
                        { नाम: 'शर्ट्स', मूल्य: 180 },
                        { नाम: 'जूते', मूल्य: 120 }
                    ]
                }
            ]
        }
    ]
};

विकल्प = {
    सुझाव: {
        ट्रिगर: 'आइटम',
        प्रारूपक: '{b}: {c} जीबी'
    },
    संकेतक: {
        ऊपर: '5%',
        बाएं: 'केंद्र',
        डेटा: ['सिस्टम ड्राइव (C:)', 'डेटा ड्राइव (D:)']
    },
    श्रृंखला: [
        {
            प्रकार: 'ट्रीमैप',
            ऊपर: '18%',
            नीचे: '12%',
            पत्ती गहराई: 1, // क्लिक-टू-ड्रिल-डाउन के साथ एक समय में एक स्तर दिखाता है
            ब्रेडक्रंब: {
                दिखाएं: सत्य,
                बाएं: 'केंद्र',
                नीचे: '2%'
            },
            स्तर: [
                {
                    आइटम शैली: {
                        किनारे का रंग: '#555',
                        किनारे की चौड़ाई: 2,
                        अंतराल चौड़ाई: 2
                    }
                },
                {
                    रंग संतृप्ति: [0.3, 0.6],
                    आइटम शैली: {
                        किनारे की चौड़ाई: 1,
                        अंतराल चौड़ाई: 1,
                        किनारे की संतृप्ति: 0.7
                    }
                }
            ],
            डेटा: [
                {
                    नाम: 'सिस्टम ड्राइव (C:)',
                    मूल्य: 500,
                    बच्चे: [
                        { नाम: 'विंडोज', मूल्य: 120 },
                        { नाम: 'प्रोग्राम फाइलें', मूल्य: 230 },
                        { नाम: 'उपयोगकर्ता', मूल्य: 150 }
                    ]
                },
                {
                    नाम: 'डेटा ड्राइव (D:)',
                    मूल्य: 800,
                    बच्चे: [
                        { नाम: 'मीडिया', मूल्य: 450 },
                        { नाम: 'बैकअप', मूल्य: 250 },
                        { नाम: 'प्रोजेक्ट्स', मूल्य: 100 }
                    ]
                }
            ]
        }
    ]
};

विकल्प = {
    श्रृंखला: [
        {
            प्रकार: 'ट्रीमैप',
            घूमना: गलत, // हाथ से जूमिंग/पैनिंग बंद करता है
            लेबल: {
                दिखाएं: सत्य,
                प्रारूपक: '{b}n{c}'
            },
            आइटम शैली: {
                किनारे का रंग: '#ffffff',
                किनारे की चौड़ाई: 2,
                अंतराल चौड़ाई: 2
            },
            डेटा: [
                {
                    नाम: 'उत्तरी अमेरिका',
                    मूल्य: 520,
                    आइटम शैली: { रंग: '#5470c6' }
                },
                {
                    नाम: 'यूरोप',
                    मूल्य: 380,
                    आइटम शैली: { रंग: '#91cc75' }
                },
                {
                    नाम: 'एशिया प्रशांत',
                    मूल्य: 450,
                    आइटम शैली: { रंग: '#fac858' }
                },
                {
                    नाम: 'लैटिन अमेरिका',
                    मूल्य: 190,
                    आइटम शैली: { रंग: '#ee6666' }
                }
            ]
        }
    ]
};