जब एक समय के साथ बहुत से निरंतर श्रेणियों के विकास का अनुसरण कर रहे हों—जैसे कि तिमाहियों में उत्पाद बिक्री, समाचार आवृत्ति में विषय प्रवृत्तियों में बदलाव, या मीडिया उपभोग पैटर्न—तोथीम रिवर चार्ट (एक स्ट्रीमग्राफ का विशेष रूप) एक स्पष्ट, दृश्य रूप से प्रभावशाली प्रस्तुति प्रदान करता है। मानक स्टैक्ड क्षेत्र चार्ट के विपरीत जो एक समतल आधार पर अटके होते हैं, थीम रिवर चार्ट केंद्रीय अक्ष के चारों ओर क्षैतिज रूप से प्रवाहित होता है, जिससे मात्रात्मक मूल्य में परिवर्तन के आधार पर व्यक्तिगत धाराएँ फैलती या सिकुड़ती हैं, जैसे कि प्राकृतिक नदी का दृश्य बनता है।
थीम रिवर चार्ट की यांत्रिकी
एपाची ईचार्ट्स में, थीम रिवर चार्ट का उपयोग करते हैंप्रकार: 'थीमरिवर'। मानक के बजायxAxis औरyAxis कॉन्फ़िगरेशन, चार्ट एकल क्षैतिज पर काम करता हैसिंगलएक्सिस के साथप्रकार: 'समय' याप्रकार: 'मूल्य'। डेटा आइटम को ऐरे ट्यूपल के रूप में पास किया जाता है जिसका फॉर्मेट है[समय, मूल्य, श्रेणीनाम].
1. आवश्यक सेटअप
एक मूल थीम रिवर चार्ट बनाने के लिए, एक कॉन्फ़िगर करेंसिंगलएक्सिस प्रकार के'समय', निर्दिष्ट करेंप्रकार: 'थीमरिवर' अपनी श्रृंखला में, और अपने प्रवाह अवलोकन को अपनेडेटा ऐरे में प्रदान करें:
विकल्प = {
सुझाव: {
ट्रिगर: 'अक्ष',
अक्ष संकेतक: {
प्रकार: 'रेखा',
रेखा शैली: {
रंग: 'rgba(0,0,0,0.2)',
चौड़ाई: 1,
प्रकार: 'ठोस'
}
}
},
प्रतीक: {
डेटा: ['तकनीक', 'फैशन', 'खेल']
},
एकल अक्ष: {
ऊपर: 50,
नीचे: 50,
अक्ष टिक: {},
अक्ष लेबल: {},
प्रकार: 'समय',
अक्ष संकेतक: {
अनिमेशन: सच,
लेबल: { दिखाएं: सच }
},
विभाजन रेखा: {
दिखाएं: सच,
रेखा शैली: {
प्रकार: 'बिंदीदार',
अपारदर्शिता: 0.5
}
}
},
श्रृंखला: [
{
प्रकार: 'थीम नदी',
उत्कृष्टता: {
आइटम शैली: {
छाया ब्लर: 20,
छाया रंग: 'rgba(0, 0, 0, 0.3)'
}
},
डेटा: [
['2026-01-01', 12, 'तकनीक'],
['2026-02-01', 24, 'तकनीक'],
['2026-03-01', 32, 'तकनीक'],
['2026-04-01', 18, 'तकनीक'],
['2026-01-01', 15, 'फैशन'],
['2026-02-01', 18, 'फैशन'],
['2026-03-01', 10, 'फैशन'],
['2026-04-01', 25, 'फैशन'],
['2026-01-01', 8, 'खेल'],
['2026-02-01', 12, 'खेल'],
['2026-03-01', 28, 'खेल'],
['2026-04-01', 20, 'खेल']
]
}
]
}; 
उन्नत संरचनात्मक तकनीकें
थीम नदी चार्ट्स कई श्रेणियों वाली जटिल घटनाओं को लंबे समय अंतराल में निगरानी करते समय बेहतर प्रदर्शन करते हैं, जिनमें कस्टम सुझाव और शैलीकृत श्रेणी रंग पैलेट होते हैं।
1. बहु-प्रवाह मीडिया आयतन प्रवाह
स्पष्ट पैलेट मैपिंग और कस्टम अक्ष सुझाव के साथ प्रवाह रंगों को कस्टमाइज़ करने से कच्चे घटना लॉग को साफ गतिविधि समय रेखा में बदल दिया जाता है:
स्थिर श्रेणियाँ = ['लेख', 'वीडियो दृश्यता', 'पॉडकास्ट प्लेस', 'सोशल शेयर्स'];
विकल्प = {
शीर्षक: {
पाठ: 'सामग्री एंगेजमेंट प्रवाह',
बाएं: 'केंद्र'
},
सुझाव: {
ट्रिगर: 'अक्ष',
अक्ष संकेतक: {
प्रकार: 'रेखा',
रेखा शैली: {
रंग: '#333',
चौड़ाई: 1
}
}
},
प्रतीक: {
डेटा: श्रेणियाँ,
नीचे: 10
},
रंग: ['#5470c6', '#91cc75', '#fac858', '#ee6666'],
एकल अक्ष: {
ऊपर: '15%',
नीचे: '20%',
प्रकार: 'समय',
अक्ष रेखा: { रेखा शैली: { रंग: '#ccc' } },
विभाजन रेखा: { दिखाएं: गलत }
},
श्रृंखला: [
{
प्रकार: 'थीम नदी',
लेबल: {
दिखाएं: सच,
स्थिति: 'बाएं',
फ़ॉन्ट आकार: 12
},
डेटा: [
['2026-01-01', 120, 'लेख'], ['2026-02-01', 200, 'लेख'], ['2026-03-01', 150, 'लेख'], ['2026-04-01', 80, 'लेख'],
['2026-01-01', 60, 'वीडियो दृश्यता'], ['2026-02-01', 140, 'वीडियो दृश्यता'], ['2026-03-01', 220, 'वीडियो दृश्यता'], ['2026-04-01', 310, 'वीडियो दृश्यता'],
['2026-01-01', 30, 'पॉडकास्ट प्लेस'], ['2026-02-01', 45, 'पॉडकास्ट प्लेस'], ['2026-03-01', 90, 'पॉडकास्ट प्लेस'], ['2026-04-01', 110, 'पॉडकास्ट प्लेस'],
['2026-01-01', 180, 'सोशल शेयर्स'], ['2026-02-01', 110, 'सोशल शेयर्स'], ['2026-03-01', 70, 'सोशल शेयर्स'], ['2026-04-01', 95, 'सोशल शेयर्स']
]
}
]
}; 
रणनीतिक बेस्ट प्रैक्टिसेज
- डेटा ट्यूपल्स को सही ढंग से फॉर्मेट करें: प्रत्येक प्रविष्टि में
डेटाऐरे को बिल्कुल सही क्रम में अनुसरण करना चाहिए[तारीख, मूल्य, श्रेणी नाम]ईचार्ट्स को लगातार प्रवाहों को सही तरीके से काटने और स्टैक करने के लिए। - श्रेणी फैलाव को सीमित करें: अलग-अलग श्रेणियों की संख्या 3 से 7 के बीच रखें। बहुत अधिक प्रवाह व्यक्तिगत पट्टियों को संकरा बना देते हैं और समय बिंदुओं के आगे-पीछे ट्रेस करना मुश्किल बना देते हैं।
- उपयोग करें
एकल अक्षआकार: समायोजित करेंऊपरऔरनीचेपरएकल अक्षलंबवत पैडिंग को नियंत्रित करने और बाहरी स्ट्रीम लेबल को कंटेनर के किनारों से कटने से रोकने के लिए गुण।