जब क्रमिक चरणों या रूपांतरण पाइपलाइनों में क्रमिक गिरावट का अनुसरण कर रहे हों, तोफनेल चार्ट मानक दृश्य उपकरण है। चरणों के आगे त्रिभुजाकार ब्लॉक के रूप में मान दिखाकर, फनेल चार्ट उपयोगकर्ताओं को देखने में सक्षम बनाते हैंरूपांतरण बॉटलनेक, गिरावट की दर, और प्रक्रिया की कुशलता एक नजर में—जैसे बिक्री पाइपलाइन चरण, ई-कॉमर्स चेकआउट प्रवाह, या लीड उत्पादन फनेल।
फनेल चार्ट की यांत्रिकी
एपाची ईचार्ट्स में, फनेल चार्ट को उपयोग करके रेंडर किया जाता हैप्रकार: 'फनेल'. प्रत्येक डेटा ऑब्जेक्ट में एक हैनाम और एक संख्यात्मकमूल्य. इंजन स्वचालित रूप से डेटा को सबसे बड़े से सबसे छोटे (या विपरीत) क्रम में सॉर्ट करता है और प्रत्येक समलंब चार्ट की चौड़ाई को श्रृंखला में अधिकतम मूल्य के संबंध में स्केल करता है।
1. आवश्यक सेटअप
एक मूल फनेल चार्ट बनाने के लिए, अपनी श्रृंखला डेटा ऐरे के भीतर श्रेणी चरण प्रदान करें और सेट करेंप्रकार: 'फनेल':
विकल्प = {
टूलटिप: {
ट्रिगर: 'आइटम',
फॉरमेटर: '{a}
{b}: {c} ({d}%)'
},
लेजेंड: {
ऊपरी: '5%',
बाएं: 'केंद्र',
डेटा: ['प्रश्न', 'प्रस्ताव', 'उद्धरण', 'चर्चा', 'लेनदेन']
},
श्रृंखला: [
{
नाम: 'बिक्री फनेल',
प्रकार: 'फनेल',
बाएं: '10%',
ऊपरी: '18%',
नीचे: '10%',
चौड़ाई: '80%',
न्यूनतम: 0,
अधिकतम: 100,
न्यूनतम आकार: '0%',
अधिकतम आकार: '100%',
क्रम: 'घटता हुआ',
अंतराल: 2,
लेबल: {
दिखाएं: सच,
स्थिति: 'अंदर'
},
डेटा: [
{ मूल्य: 100, नाम: 'प्रश्न' },
{ मूल्य: 80, नाम: 'प्रस्ताव' },
{ मूल्य: 60, नाम: 'उद्धरण' },
{ मूल्य: 40, नाम: 'चर्चा' },
{ मूल्य: 20, नाम: 'लेनदेन' }
]
}
]
}; 
उन्नत संरचनात्मक तकनीकें
फनेल चार्ट को पिरामिड लेआउट, कस्टम चरण संरेखण, या डुअल फनेल ओवरले के साथ कस्टमाइज किया जा सकता है ताकि विभिन्न रूपांतरण चैनलों की तुलना की जा सके।
1. उल्टा पिरामिड लेआउट और कस्टम संरेखण
बदलेंक्रम: 'आरोही' एक उल्टे पिरामिड को बनाने के लिए, या समायोजित करेंफनेल संरेखण बाएं या दाएं किनारे के साथ चरणों को संरेखित करने के लिए:
विकल्प = {
सुझाव: {
ट्रिगर: 'आइटम',
प्रारूपक: '{b}: {c}%'
},
संकेतक: {
ऊपरी: '5%',
बाएं: 'केंद्र'
},
श्रृंखला: [
{
नाम: 'रूपांतरण पिरामिड',
प्रकार: 'फनेल',
बाएं: '15%',
ऊपरी: '18%',
नीचे: '10%',
चौड़ाई: '70%',
क्रम: 'आरोही', // सबसे छोटे चरण को ऊपर, सबसे बड़े को नीचे दिखाता है
फनेलसंरेख: 'केंद्र',
लेबल: {
दिखाएं: सच,
स्थिति: 'दाएं'
},
डेटा: [
{ मूल्य: 20, नाम: 'चरण 1: जागरूकता' },
{ मूल्य: 40, नाम: 'चरण 2: रुचि' },
{ मूल्य: 60, नाम: 'चरण 3: निर्णय' },
{ मूल्य: 80, नाम: 'चरण 4: क्रिया' }
]
}
]
}; 
लेआउट और चरण शैली का बेहतरीन नियंत्रण
अंतराल, गोल किनारे और कस्टम लेबल प्रारूपकों को जोड़ने से रूपांतरण चरणों के बीच स्पष्ट अंतर बनता है।
1. कस्टम चरण अंतराल और प्रतिशत लेबल
नियंत्रण अंतरालसमलंब चतुर्भुजों के बीच अंतराल और कस्टम लेबल प्रारूपकों का उपयोग करके चरणों के बीच प्रतिशत रखे जाने को उजागर करें:
विकल्प = {
सुझाव: {
ट्रिगर: 'आइटम',
प्रारूपक: '{b}: {c} उपयोगकर्ता'
},
श्रृंखला: [
{
नाम: 'उपयोगकर्ता एकीकरण',
प्रकार: 'फनेल',
बाएं: '10%',
ऊपरी: '10%',
नीचे: '10%',
चौड़ाई: '80%',
अंतराल: 6, // चरणों के बीच स्पष्ट अलगाव जोड़ता है
आइटमशैली: {
किनारे का रंग: '#ffffff',
किनारे की चौड़ाई: 2,
गोलाकार किनारा: 4
},
लेबल: {
दिखाएं: सच,
स्थिति: 'अंदर',
प्रारूपक: '{b}n{c} ({d}%)',
रंग: '#fff',
फ़ॉन्ट आकार: 12
},
डेटा: [
{ मूल्य: 5000, नाम: 'एप्प देखना' },
{ मूल्य: 3400, नाम: 'साइन अप' },
{ मूल्य: 2100, नाम: 'प्रोफ़ाइल सेटअप' },
{ मूल्य: 1200, नाम: 'पहली क्रिया' },
{ मूल्य: 800, नाम: 'सदस्यता' }
]
}
]
}; 
रणनीतिक उत्तम व्यवहार
- चरणों को क्रमिक रखें:फनेल चार्ट्स क्रमिक प्रवाह तर्क पर निर्भर करते हैं। सुनिश्चित करें कि डेटा आइटम वास्तविक चरण-दर-चरण प्रक्रियाओं का प्रतिनिधित्व करते हैं, अन्यथा असंबंधित श्रेणियों का नहीं।
- उपयोग करें
अंतरालस्पष्ट दृश्य चरण सीमाओं के लिए: एक छोटेअंतराल(उदाहरण के लिए, 4 पिक्सेल से 6 पिक्सेल) समलंब चतुर्भुजों के बीच रखने से पड़ोसी रंगों के एक ही ब्लॉक में मिलने से बचाया जाता है। - चरण प्रतिशत प्रदर्शित करें: कच्ची संख्याओं के साथ चरण प्रतिशत को मिलाएं (उदाहरण के लिए,
{d}%लेबल प्रारूपकों में) ताकि उपयोगकर्ता प्रत्येक मील के पत्ते पर गिरावट के अनुपात का तुरंत मूल्यांकन कर सकें।