समय के साथ वित्तीय बाजार और संपत्ति मूल्य परिवर्तनों को ट्रैक करते समय, यह मोमबत्ती चार्ट उद्योग मानक दृश्यीकरण उपकरण है। खुले, उच्च, निम्न और बंद (OHLC) चार महत्वपूर्ण मूल्य बिंदुओं को एकल दृश्य बार में जोड़कर, मोमबत्ती चार्ट दिखाते हैं मूल्य अस्थिरता, व्यापार सीमा और बाजार मनोदशा एक नजर में, जिससे यह स्टॉक प्रदर्शन डैशबोर्ड, क्रिप्टो ट्रैकर और सामग्री व्यापार दृश्यों के लिए अनिवार्य बन जाते हैं।
मोमबत्ती के यांत्रिकी
एपाची ईचार्ट्स में, मोमबत्ती श्रृंखला को उपयोग करके रेंडर किया जाता है प्रकार: 'मोमबत्ती' (या एलियास 'के'). प्रत्येक डेटा बिंदु के लिए एक 4-मान वाला ऐरे की आवश्यकता होती है जो स्पष्ट रूप से इस क्रम में होता है [खुला, बंद, न्यूनतम, उच्चतम]. चार्ट इंजन खुले और बंद के बीच एक ठोस या खोखला शरीर बनाता है, जिसके साथ पतली “विक” रेखाएं न्यूनतम और उच्चतम मूल्यों तक फैली होती हैं।
1. आवश्यक सेटअप
एक मूल बार चार्ट बनाने के लिए, सतत X-अक्ष के साथ समय मानों को मैप करें और [खुला, बंद, न्यूनतम, उच्चतम] ऐरे अपनी श्रृंखला डेटा में पास करें:
विकल्प = {
सुझाव: {
ट्रिगर: 'अक्ष',
अक्ष संकेतक: { प्रकार: 'क्रॉस' }
},
xअक्ष: {
प्रकार: 'श्रेणी',
डेटा: ['2026-05-01', '2026-05-02', '2026-05-03', '2026-05-04', '2026-05-05']
},
yअक्ष: {
प्रकार: 'मान',
स्केल: सच
},
श्रृंखला: [
{
प्रकार: 'मोमबत्ती',
डेटा: [
[20, 34, 10, 38], // [खुला, बंद, न्यूनतम, उच्चतम] -> बुलिश (बंद > खुला)
[40, 35, 30, 50], // बियरिश (बंद < खुला)
[31, 38, 33, 44],
[38, 15, 5, 42],
[15, 28, 10, 32]
]
}
]
}; 
उन्नत संरचनात्मक तकनीकें
मोमबत्ती चार्ट को अंतरराष्ट्रीय रंग प्रथाओं, जूम किए गए समय सीमा या चलते औसत के साथ कस्टमाइज किया जा सकता है।
1. कस्टम रंग और चलते औसत
बुलिश (ऊपर) और बियरिश (नीचे) बार के रंग को उपयोग करके कस्टमाइज करें आइटम शैली, और मोमबत्ती श्रृंखला के साथ लाइन श्रृंखला को मिलाकर चलते औसत रेखाओं को ओवरले करें:
विकल्प = {
सुझाव: {
ट्रिगर: 'अक्ष',
अक्ष संकेतक: { प्रकार: 'क्रॉस' }
},
स्पष्टीकरण: {
डेटा: ['दैनिक K', 'MA5']
},
अक्ष X: {
प्रकार: 'श्रेणी',
डेटा: ['सोम', 'मंगल', 'बुध', 'गुरु', 'शुक्र', 'शनि', 'रवि']
},
अक्ष Y: {
प्रकार: 'मान',
स्केल: सत्य
},
श्रृंखला: [
{
नाम: 'दैनिक K',
प्रकार: 'मोमबत्ती',
डेटा: [
[2320, 2320, 2287, 2362],
[2300, 2291, 2288, 2341],
[2295, 2312, 2290, 2380],
[2315, 2330, 2310, 2360],
[2330, 2325, 2312, 2355],
[2325, 2350, 2320, 2370],
[2350, 2340, 2330, 2385]
],
आइटम शैली: {
रंग: '#eb4d4b', // बुलिश के लिए रंग (बंद > खुला)
रंग0: '#6ab04c', // बेयरिश के लिए रंग (बंद < खुला)
किनारे का रंग: '#eb4d4b',
किनारे का रंग0: '#6ab04c'
}
},
{
नाम: 'MA5',
प्रकार: 'रेखा',
चिकनाई: सत्य,
डेटा: [नहीं, नहीं, नहीं, नहीं, 2310, 2321, 2329],
रेखा शैली: { अदृश्यता: 0.8, चौड़ाई: 2 }
}
]
}; 
लेआउट और इंटरैक्टिव जूम को समायोजित करना
समय-श्रृंखला जूम नियंत्रण जोड़ने से उपयोगकर्ताओं को घने ऐतिहासिक व्यापार रिकॉर्ड के माध्यम से नेविगेट करते समय लचीलापन मिलता है।
1. डेटा जूम और अक्ष संकेतक नियंत्रण
निम्नलिखित का उपयोग करके क्षैतिज स्लाइडर और माउस व्हील जूम को शामिल करें:डेटा जूम कॉन्फ़िगरेशन ब्लॉक:
विकल्प = {
ग्रिड: {
बाएं: '10%',
दाएं: '10%',
नीचे: '15%'
},
अक्ष X: {
प्रकार: 'श्रेणी',
डेटा: ['दिन 1', 'दिन 2', 'दिन 3', 'दिन 4', 'दिन 5', 'दिन 6', 'दिन 7', 'दिन 8']
},
अक्ष Y: {
प्रकार: 'मान',
स्केल: सत्य
},
डेटा जूम: [
{
प्रकार: 'आंतरिक', // माउस व्हील जूम को सक्षम करता है
शुरुआत: 20,
समाप्ति: 100
},
{
प्रकार: 'स्लाइडर', // दृश्य नीचे का जूम स्लाइडर
दिखाएं: सत्य,
ऊपर: '90%'
}
],
श्रृंखला: [
{
प्रकार: 'मोमबत्ती',
डेटा: [
[100, 110, 95, 115],
[110, 105, 100, 112],
[105, 120, 104, 125],
[120, 118, 112, 122],
[118, 125, 115, 128],
[125, 122, 120, 130],
[122, 135, 121, 138],
[135, 130, 128, 140]
]
}
]
}; 
रणनीतिक बेस्ट प्रैक्टिस
- डेटा को सही क्रम में व्यवस्थित करें: ऐरे संरचना की दोबारा जांच करें! ECharts को अपेक्षा है कि
[खुला, बंद, न्यूनतम, अधिकतम]—बंद और न्यूनतम को आपस में बदलना रेंडरिंग बग का एक सामान्य कारण है। - सक्षम करें:
स्केल: सत्यअक्ष Y पर: हमेशा शामिल करें:स्केल: सत्यसंख्यात्मक मूल्य अक्षों पर ताकि चार्ट वर्तमान मूल्य सीमा तक स्वचालित रूप से स्केल हो, शून्य को बाध्य करने के बजाय। - क्रॉसहेयर अक्ष संकेतक का उपयोग करें: सेट करें:
सुझाव.अक्ष संकेतक.प्रकार = 'क्रॉस'आसान मूल्य और समयचिह्न समायोजन के लिए निरंतर ऊर्ध्वाधर और क्षैतिज संदर्भ रेखाएं दिखाने के लिए।