क्षेत्र चार्ट: वॉल्यूम ट्रेंड और मात्रात्मक क्षेत्र

विकल्प = {
    टिप्पणी: {
        ट्रिगर: 'अक्ष'
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        सीमा अंतराल: गलत,
        डेटा: ['सोम', 'मंगल', 'बुध', 'गुरु', 'शुक्र', 'शनि', 'रवि']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            प्रकार: 'लाइन',
            चिकना: सच,
            क्षेत्र शैली: {}, // डिफ़ॉल्ट क्षेत्र भरने को सक्षम करता है
            डेटा: [820, 932, 901, 934, 1290, 1330, 1320]
        }
    ]
};

विकल्प = {
    टिप्पणी: {
        ट्रिगर: 'अक्ष'
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        सीमा अंतराल: गलत,
        डेटा: ['जन', 'फर', 'मार्च', 'अप्रैल', 'मई', 'जून']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            प्रकार: 'लाइन',
            चिकना: सच,
            रेखा शैली: {
                चौड़ाई: 3,
                रंग: '#5470c6'
            },
            क्षेत्र शैली: {
                अपारदर्शिता: 0.8,
                रंग: {
                    प्रकार: 'रैखिक',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    रंग स्टॉप: [
                        { ऑफसेट: 0, रंग: 'rgba(84, 112, 198, 0.6)' },
                        { ऑफसेट: 1, रंग: 'rgba(84, 112, 198, 0.05)' }
                    ]
                }
            },
            डेटा: [320, 450, 410, 680, 890, 950]
        }
    ]
};

विकल्प = {
    सुझाव: {
        ट्रिगर: 'अक्ष'
    },
    प्रतीक: {
        डेटा: ['आइनबाउंड ट्रैफिक', 'आउटबाउंड ट्रैफिक']
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        सीमा अंतराल: गलत,
        डेटा: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            नाम: 'आइनबाउंड ट्रैफिक',
            प्रकार: 'रेखा',
            चिकनाहट: सच,
            क्षेत्र शैली: { अपारदर्शिता: 0.4 },
            डेटा: [120, 200, 450, 600, 700, 380]
        },
        {
            नाम: 'आउटबाउंड ट्रैफिक',
            प्रकार: 'रेखा',
            चिकनाहट: सच,
            क्षेत्र शैली: { अपारदर्शिता: 0.4 },
            डेटा: [80, 140, 310, 420, 510, 260]
        }
    ]
};

विकल्प = {
    ग्रिड: {
        बाएं: '3%',
        दाएं: '4%',
        नीचे: '3%',
        लेबल समावेश करें: सच
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        सीमा अंतराल: गलत,
        डेटा: ['Q1', 'Q2', 'Q3', 'Q4']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            प्रकार: 'रेखा',
            चिकनाहट: सच,
            प्रतीक: 'गोला',
            प्रतीक आकार: 6,
            क्षेत्र शैली: {
                रंग: 'rgba(145, 204, 117, 0.3)'
            },
            रेखा शैली: {
                रंग: '#91cc75',
                चौड़ाई: 2
            },
            डेटा: [150, 230, 224, 318]
        }
    ]
};