जब आप डेटा फैलाव का विश्लेषण करना चाहते हैं और समूहों के बीच असामान्य डेटा बिंदुओं को पहचानना चाहते हैं, तो बॉक्सप्लॉट चार्ट (या बॉक्स और विस्कर प्लॉट) मानक सांख्यिकीय दृश्य उपकरण है। निरंतर डेटा को पांच महत्वपूर्ण संख्याओं—न्यूनतम, प्रथम चतुर्थांश (Q1), माध्यिका (Q2), तृतीय चतुर्थांश (Q3), और अधिकतम—में सारांशित करके बॉक्सप्लॉट चार्ट्स दृष्टि में प्रदर्शित करते हैं विषमता, परिवर्तनशीलता और चरम बाहरी बिंदुओं बिना कच्चे डेटा से स्क्रीन को भरे बिना तुरंत देखने में सक्षम होते हैं।
बॉक्सप्लॉट चार्ट्स की यांत्रिकी
एपाची ईचार्ट्स में, सांख्यिकीय बॉक्स को निरूपित किया जाता है प्रकार: 'बॉक्सप्लॉट'. प्रत्येक डेटासेट प्रविष्टि को 5 तत्वों वाला एक संख्यात्मक ऐरे अपेक्षा करती है जो इस क्रम में होता है [न्यूनतम, Q1, माध्यिका, Q3, अधिकतम]. ईचार्ट्स में कच्ची संख्याओं से सीधे इन सांख्यिकीय सीमाओं की गणना करने के लिए एक निर्मित डेटा तैयारी उपकरण भी शामिल है।
1. आवश्यक सेटअप
एक मूल बॉक्सप्लॉट बनाने के लिए, एक्स-अक्ष के साथ श्रेणियों को मैप करें और अपनी श्रृंखला डेटा के भीतर गणना की गई 5-संख्या सारांश ऐरे प्रदान करें:
विकल्प = {
सुझाव: {
ट्रिगर: 'आइटम',
अक्ष संकेतक: { प्रकार: 'छाया' }
},
एक्स-अक्ष: {
प्रकार: 'श्रेणी',
डेटा: ['श्रेणी 1', 'श्रेणी 2', 'श्रेणी 3', 'श्रेणी 4', 'श्रेणी 5']
},
वाई-अक्ष: {
प्रकार: 'मान',
नाम: 'वितरण मान'
},
श्रृंखला: [
{
नाम: 'बॉक्सप्लॉट',
प्रकार: 'बॉक्सप्लॉट',
डेटा: [
[655, 850, 940, 980, 1070], // [न्यूनतम, Q1, माध्यिका, Q3, अधिकतम]
[760, 800, 845, 885, 960],
[780, 840, 855, 880, 940],
[720, 767, 815, 865, 920],
[890, 920, 950, 970, 990]
]
}
]
}; 
उन्नत संरचनात्मक तकनीकें
आप बाहरी बिंदुओं के बिखरे बिंदुओं को ओवरले कर सकते हैं या लंबे नाम वाली श्रेणियों के लिए क्षैतिज बॉक्सप्लॉट बना सकते हैं।
1. क्षैतिज बॉक्सप्लॉट लेआउट
सेट करें वाई-अक्ष श्रेणी पैमाने के रूप में और एक्स-अक्ष संख्यात्मक मान पैमाने के रूप में बॉक्सप्लॉट को क्षैतिज रूप से उलटने के लिए ताकि लेबल पढ़ने में आसानी हो:
विकल्प = {
सुझाव: {
ट्रिगर: 'आइटम',
अक्ष संकेतक: { प्रकार: 'छाया' }
},
एक्स-अक्ष: {
प्रकार: 'मान'
},
वाई-अक्ष: {
प्रकार: 'श्रेणी',
डेटा: ['सर्वर अल्फा', 'सर्वर बीटा', 'सर्वर गामा']
},
श्रृंखला: [
{
नाम: 'लेटेंसी (मिलीसेकंड)',
प्रकार: 'बॉक्सप्लॉट',
डेटा: [
[12, 18, 22, 28, 35],
[15, 24, 30, 38, 48],
[8, 12, 15, 20, 27]
],
आइटम शैली: {
रंग: '#e0f2fe',
किनारे का रंग: '#0284c7',
किनारे की चौड़ाई: 2
}
}
]
}; 
लेआउट और शैली को समायोजित करना
कस्टम बॉक्स रंग, विस्कर चौड़ाई और माध्य रेखा फॉर्मेटिंग जटिल डैशबोर्ड लेआउट में दृश्य अंतर को बेहतर बनाती है।
1. कस्टम बॉक्स भरना और आउटलायर शैली
अपने इंटरफेस डिज़ाइन के अनुरूप बॉक्स के किनारे, भरने के रंग और विस्कर लाइन के गुणों को स्टाइल करें:
विकल्प = {
ग्रिड: {
बाएं: '10%',
दाएं: '10%',
लेबल को शामिल करें: सच
},
एक्सएक्सिस: {
प्रकार: 'श्रेणी',
डेटा: ['समूह ए', 'समूह बी', 'समूह सी']
},
वाईएक्सिस: {
प्रकार: 'मान'
},
श्रृंखला: [
{
नाम: 'स्कोर वितरण',
प्रकार: 'बॉक्सप्लॉट',
बॉक्सचौड़ाई: ['20%', '50%'], // प्रतिक्रियाशील बॉक्स चौड़ाई सीमाएं
आइटमशैली: {
रंग: '#f0fdf4',
किनारे का रंग: '#16a34a',
किनारे की चौड़ाई: 2
},
डेटा: [
[40, 55, 68, 82, 95],
[50, 62, 75, 88, 98],
[30, 45, 58, 70, 85]
]
}
]
}; 
रणनीतिक बेस्ट प्रैक्टिसेज
- सारांश क्रम की दोहरी जांच करें:सत्यापित करें कि ऐरे मान सख्त क्रम का पालन करते हैं:
[न्यूनतम, Q1, माध्य, Q3, अधिकतम]. गलत क्रम रेंडरिंग गलतियों का कारण बनेगा। - बिखरे हुए श्रृंखला के साथ आउटलायर को ओवरले करें: एक दूसरी
बिखरा हुआबॉक्सप्लॉट के ऊपर एक दूसरी श्रृंखला का उपयोग करें ताकि चरम सांख्यिकीय आउटलायर को अलग-अलग डेटा बिंदुओं के रूप में प्रदर्शित किया जा सके। - ग्रिड पैडिंग को समायोजित करें: सुनिश्चित करें कि पर्याप्त
ग्रिड.नीचेयाग्रिड.बाएंपैडिंग ताकि लंबे श्रेणी नाम विस्कर लाइन्स के साथ टकराएं।