लाइन चार्ट: प्रवृत्ति ट्रैकिंग और निरंतर डेटा

जब निरंतर प्रगति या समय-श्रृंखला परिवर्तन का ट्रैक रखा जाता है, तो लाइन चार्ट मुख्य दृश्य उपकरण के रूप में कार्य करता है। अलग-अलग कॉलम या बार चार्ट के विपरीत जो व्यक्तिगत श्रेणी तुलनाओं पर ध्यान केंद्रित करते हैं, लाइन चार्ट संबंध और ढलान पर जोर देते हैं ताकि गति, मौसमी प्रवृत्ति, और अचानक मापदंड परिवर्तनों को उजागर किया जा सके अविरल अनुक्रमों के ऊपर, जैसे दैनिक सक्रिय उपयोगकर्ता वृद्धि, मासिक निरंतर आय, या सेंसर टेलीमेट्री स्ट्रीम्स।

लाइन चार्ट की यांत्रिकी

एपाची ईचार्ट्स में, लाइन दृश्यावली को सीरीज़ के प्रकार गुण को 'लाइन'. लाइन चार्ट एक निरंतर श्रेणीबद्ध या समय पैमाने के क्षैतिज अक्ष (xAxis) के साथ क्रमिक रूप से व्यवस्थित डेटा बिंदुओं को जोड़ते हैं और निरंतर संख्यात्मक मानों को ऊर्ध्वाधर अक्ष (yAxis).

1. आवश्यक सेटअप

एक मूल लाइन चार्ट बनाने के लिए, अक्ष X के साथ अपनी निरंतर श्रेणियों को परिभाषित करें और अपने डेटासेट को एक सीरीज़ ऑब्जेक्ट में मैप करें जिसमें प्रकार: 'लाइन':

विकल्प = {
    सुझाव: {
        ट्रिगर: 'अक्ष'
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        डेटा: ['सोम', 'मंगल', 'बुध', 'गुरु', 'शुक्र', 'शनि', 'रवि']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    सीरीज़: [
        {
            प्रकार: 'लाइन',
            डेटा: [150, 230, 224, 218, 135, 147, 260]
        }
    ]
};

उन्नत संरचनात्मक तकनीकें

लाइन चार्ट बहु-मापदंड ओवरले, चिकनी अंतर्वेशन वक्रों, और कस्टमाइज़ किए गए डेटा बिंदु संकेतकों के लिए लचीलापन प्रदान करते हैं।

1. चिकनी अंतर्वेशन वक्र

डिफ़ॉल्ट रूप से, लाइन श्रृंखला डेटा बिंदुओं को सीधी रेखा खंडों के साथ जोड़ती है। चिकना: सच आपके डेटासेट के माध्यम से वक्र, प्राकृतिक लाइन पथ बनाने के लिए क्यूबिक स्प्लाइन अंतर्वेशन लागू करता है:

विकल्प = {
    सुझाव: {
        ट्रिगर: 'अक्ष'
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        डेटा: ['जन', 'फर', 'मार', 'अप्रैल', 'मई', 'जून']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            प्रकार: 'रेखा',
            चिकनी: सत्य,
            डेटा: [820, 932, 901, 934, 1290, 1330],
            रेखा शैली: {
                चौड़ाई: 3,
                रंग: '#5470c6'
            }
        }
    ]
};

2. बहु-रेखा प्रदर्शन तुलना

समान समय अंतरालों के बीच गौण मापदंडों की तुलना करने के लिए श्रृंखला के भीतर एक से अधिक रेखा वस्तुएं प्रदान करेंश्रृंखलासरणी:

विकल्प = {
    सुझाव: {
        ट्रिगर: 'अक्ष'
    },
    संकेतक: {
        डेटा: ['वर्तमान अवधि', 'पिछली अवधि']
    },
    xअक्ष: {
        प्रकार: 'श्रेणी',
        डेटा: ['सप्ताह 1', 'सप्ताह 2', 'सप्ताह 3', 'सप्ताह 4']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            नाम: 'वर्तमान अवधि',
            प्रकार: 'रेखा',
            चिकनी: सत्य,
            डेटा: [320, 332, 301, 334],
            वस्तु शैली: { रंग: '#5470c6' }
        },
        {
            नाम: 'पिछली अवधि',
            प्रकार: 'रेखा',
            चिकनी: सत्य,
            डेटा: [220, 182, 191, 234],
            वस्तु शैली: { रंग: '#91cc75' }
        }
    ]
};

क्षेत्र भराव और डेटा बिंदुओं का सूक्ष्म समायोजन

रेखा श्रृंखला को सूक्ष्म पृष्ठभूमि धारी भराव और लक्षित डेटा चिह्नों के उपयोग से दृश्यात्मक रूप से सुधारा जा सकता है, जिससे महत्वपूर्ण बिंदुओं पर ध्यान आकर्षित किया जा सके।

1. रेखा क्षेत्र शैली

एक जोड़नाक्षेत्र शैलीगुण एक मानक रेखा चार्ट को क्षेत्र दृश्य में बदल देता है, रेखा पथ और क्षैतिज अक्ष के बीच के क्षेत्र को भरता है:

विकल्प = {
    xअक्ष: {
        प्रकार: 'श्रेणी',
        सीमा अंतराल: गलत, // रेखा को सीधे अक्ष के किनारों पर संरेखित करें
        डेटा: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '23:59']
    },
    yअक्ष: {
        प्रकार: 'मान'
    },
    श्रृंखला: [
        {
            प्रकार: 'रेखा',
            चिकनी: सत्य,
            डेटा: [300, 280, 250, 590, 820, 710, 430],
            क्षेत्र शैली: {
                रंग: 'rgba(84, 112, 198, 0.25)' // रेखा के नीचे नरम भराव
            },
            रेखा शैली: {
                चौड़ाई: 3,
                रंग: '#5470c6'
            },
            प्रतीक आकार: 8
        }
    ]
};

रणनीतिक उत्तम व्यवहार

• उपयोग करेंसीमा अंतराल: गलतसमय अनुक्रम के लिए: निरंतर समय अक्षों पर डिफ़ॉल्ट किनारे के अंतराल हटाने से रेखा शून्य सीमा पर सीधे शुरू होती है, जिससे साफ धार-से-धार प्रस्तुति मिलती है।
• रेखा गिनती कम रखें:एक ही कैनवास में 4 से 5 रेखाओं से अधिक निर्माण से बचें। अत्यधिक भीड़ वाले रेखा चार्ट (“स्पैगेटी चार्ट”) तेजी से पढ़ने योग्य नहीं हो जाते हैं।
• अक्ष सुझाव ट्रिगर हमेशा सेटअप करें टूलटिप: { ट्रिगर: 'एक्सिस' } ताकि उपयोगकर्ता किसी भी क्षैतिज बिंदु के साथ होवर कर सकें और सभी सक्रिय लाइन श्रृंखलाओं के साथ एक साथ सटीक मान देख सकें।