{"id":1373,"date":"2026-07-27T02:36:38","date_gmt":"2026-07-27T02:36:38","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off\/"},"modified":"2026-07-30T01:28:28","modified_gmt":"2026-07-30T01:28:28","slug":"funnel-chart-conversion-stages-and-process-drop-off-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","title":{"rendered":"Funnel Chart: Conversion Stages and Process Drop-Off"},"content":{"rendered":"<p>When tracking progressive drop-off across sequential steps or conversion pipelines, the <strong>Funnel Chart<\/strong> is the standard visual tool. By displaying values as stacked trapezoidal blocks that narrow or widen across stages, funnel charts allow users to spot <em>conversion bottlenecks, drop-off rates, and process efficiency<\/em> at a glance\u2014such as sales pipeline stages, e-commerce checkout flows, or lead generation funnels.<\/p>\n<h2>The Mechanics of Funnel Charts<\/h2>\n<p>In Apache ECharts, funnel charts are rendered using <code>type: 'funnel'<\/code>. Each data object contains a <code>name<\/code> and a numeric <code>value<\/code>. The engine automatically sorts data from largest to smallest (or vice versa) and scales the width of each trapezoid relative to the maximum value in the series.<\/p>\n<h3>1. Essential Setup<\/h3>\n<p>To construct a basic funnel chart, supply category stages inside your series data array and set <code>type: 'funnel'<\/code>:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp9Us9rwyAUvhf6P3gpbtBDWrZRLLuNwS5jo8fRg62vqWA0i2btFvzfpybFJJZ6e+\/74Xv6qdJwJdEzaqYT5I5RShhekksdehXPc6gIwtxAgecROaiqoMYErKEWTSfNzjrt3qK7htnZPW65ttMIyEGyoblyl+HHWd9WwMG45h6ks+4DjBpK0Bd+k981rzhoPEf4o1Kl0lSE4rNWpm2\/Q64Mp369UL+Ap2yHA2nwLs4y3tGbzR9JC3CzbKgAjV5rKUH0Jwor\/JaecrgKdrssslkiC5svVgmwU8ao4rroxJk5OmiVQgWXBGXjJj0TtMiylLvhf37qKz703GFOl6BaVX4fBtp9D+MyHxNy6tZajl+B7kCQ8dsGv6M6ERexGuYp6P6V+w\/00ZOaM8BDjh1punykRg36oaKG9ikufxpTlBgNNKsoiVm7LXmKki6Rt\/kPkT\/I7W3VMqradCM7ZG9j2SGuY9f\/wjrlXQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        formatter: '{a} \r\n{b}: {c} ({d}%)'\r\n    },\r\n    legend: {\r\n        top: '5%',\r\n        left: 'center',\r\n        data: ['Inquiries', 'Proposals', 'Quotes', 'Negotiations', 'Deals']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Sales Funnel',\r\n            type: 'funnel',\r\n            left: '10%',\r\n            top: '18%',\r\n            bottom: '10%',\r\n            width: '80%',\r\n            min: 0,\r\n            max: 100,\r\n            minSize: '0%',\r\n            maxSize: '100%',\r\n            sort: 'descending',\r\n            gap: 2,\r\n            label: {\r\n                show: true,\r\n                position: 'inside'\r\n            },\r\n            data: [\r\n                { value: 100, name: 'Inquiries' },\r\n                { value: 80, name: 'Proposals' },\r\n                { value: 60, name: 'Quotes' },\r\n                { value: 40, name: 'Negotiations' },\r\n                { value: 20, name: 'Deals' }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNp9Us9rwyAUvhf6P3gpbtBDWrZRLLuNwS5jo8fRg62vqWA0i2btFvzfpybFJJZ6e+\/74Xv6qdJwJdEzaqYT5I5RShhekksdehXPc6gIwtxAgecROaiqoMYErKEWTSfNzjrt3qK7htnZPW65ttMIyEGyoblyl+HHWd9WwMG45h6ks+4DjBpK0Bd+k981rzhoPEf4o1Kl0lSE4rNWpm2\/Q64Mp369UL+Ap2yHA2nwLs4y3tGbzR9JC3CzbKgAjV5rKUH0Jwor\/JaecrgKdrssslkiC5svVgmwU8ao4rroxJk5OmiVQgWXBGXjJj0TtMiylLvhf37qKz703GFOl6BaVX4fBtp9D+MyHxNy6tZajl+B7kCQ8dsGv6M6ERexGuYp6P6V+w\/00ZOaM8BDjh1punykRg36oaKG9ikufxpTlBgNNKsoiVm7LXmKki6Rt\/kPkT\/I7W3VMqradCM7ZG9j2SGuY9f\/wjrlXQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"uKxafns\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1842\" height=\"1294\" class=\"alignnone size-full wp-image-1375 \" src=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png 1842w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25-300x211.png 300w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25-1024x719.png 1024w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25-768x540.png 768w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25-1536x1079.png 1536w\" sizes=\"(max-width: 1842px) 100vw, 1842px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Advanced Structural Techniques<\/h2>\n<p>Funnel charts can be customized with pyramid layouts, custom stage alignments, or dual funnel overlays to compare different conversion channels.<\/p>\n<h3>1. Inverted Pyramid Layout and Custom Alignments<\/h3>\n<p>Change <code>sort: 'ascending'<\/code> to create an inverted pyramid, or adjust <code>funnelAlign<\/code> to align stages along the left or right edge:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFUj1PwzAQ3ZH4D7dUWSL1gwKVEUMFCxuCETG4ySW15NiRfW1VVfnvnJOWNM5Qb3fv3nv3YVuTsgZe4XR\/B\/zIWk2qFpe4zTlVlugEJIqwStIeKayrJFGLnTYNs7JmknR4c67TWKLJh4KWDZLHybWUxoI4maFhuUjCo1PoBfz05Vdq4RlZIbPfrNmj82Giz6OTlcqvLVrrYx0Ki50xqGPw3MN82Fnf8Xw1AjaWyFYBm42wg8ppy9DzGPLWBSfped5cmTJJYTqFLw64ffCV1Bo9gSdZIkgK\/ilo6cqQ5bizHWp2M621Kk2\/yHhCuUEt4u21HW3tQfCpd5iOwdp6Ff4J6\/Jf2FIyLGkiSi5JDq71fzXYS73jAyxm6eVm3+2McwHrg3Ro0PtkJDjgLmPuQsBHGJZ3c4P6FFMfBLxjpsKPuUFdxdQld5xRRxzyfvvwjHCmefkDYmzOmg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        formatter: '{b}: {c}%'\r\n    },\r\n    legend: {\r\n        top: '5%',\r\n        left: 'center'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Conversion Pyramid',\r\n            type: 'funnel',\r\n            left: '15%',\r\n            top: '18%',\r\n            bottom: '10%',\r\n            width: '70%',\r\n            sort: 'ascending', \/\/ Renders smallest stage at top, largest at bottom\r\n            funnelAlign: 'center',\r\n            label: {\r\n                show: true,\r\n                position: 'right'\r\n            },\r\n            data: [\r\n                { value: 20, name: 'Stage 1: Awareness' },\r\n                { value: 40, name: 'Stage 2: Interest' },\r\n                { value: 60, name: 'Stage 3: Decision' },\r\n                { value: 80, name: 'Stage 4: Action' }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFUj1PwzAQ3ZH4D7dUWSL1gwKVEUMFCxuCETG4ySW15NiRfW1VVfnvnJOWNM5Qb3fv3nv3YVuTsgZe4XR\/B\/zIWk2qFpe4zTlVlugEJIqwStIeKayrJFGLnTYNs7JmknR4c67TWKLJh4KWDZLHybWUxoI4maFhuUjCo1PoBfz05Vdq4RlZIbPfrNmj82Giz6OTlcqvLVrrYx0Ki50xqGPw3MN82Fnf8Xw1AjaWyFYBm42wg8ppy9DzGPLWBSfped5cmTJJYTqFLw64ffCV1Bo9gSdZIkgK\/ilo6cqQ5bizHWp2M621Kk2\/yHhCuUEt4u21HW3tQfCpd5iOwdp6Ff4J6\/Jf2FIyLGkiSi5JDq71fzXYS73jAyxm6eVm3+2McwHrg3Ro0PtkJDjgLmPuQsBHGJZ3c4P6FFMfBLxjpsKPuUFdxdQld5xRRxzyfvvwjHCmefkDYmzOmg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"VWyFRJD\"><img decoding=\"async\" width=\"1733\" height=\"1295\" class=\"alignnone size-full wp-image-1376 \" src=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b.png 1733w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b-300x224.png 300w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b-1024x765.png 1024w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b-768x574.png 768w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c59b0168b-1536x1148.png 1536w\" sizes=\"(max-width: 1733px) 100vw, 1733px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Fine-Tuning Layout and Stage Styling<\/h2>\n<p>Adding gaps, rounded borders, and custom label formatters creates clean spacing between conversion stages.<\/p>\n<h3>1. Custom Stage Spacing and Percentage Labels<\/h3>\n<p>Control <code>gap<\/code> spacing between trapezoids and use custom label formatters to highlight percentage retention across stages:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFUl1LwzAUfRf8DwEZVRisrVNGxYch+Ko4pg\/qQ9rcdoEsCcmtY47+d5Nuc21X3X1Lzjn343CURq4kuSeb8zPiCpUSyHWyf9d\/hhcFmIQEHGEZDA9IrsySItbYJq2cKqvI3IKxwZZU7cjui4NNyPtB2xjgS9IluC5eTJ5kqqhhXBbNYfUqa+1ZeSkliC4oIEcHRuHgSKZ0P5AqRLXsx1ac4cJBk2OooK7f7ZCMRmTKmCWZAGrckZoaWvuZAq4AJLFIC7BtsTdxhmsBSdeD7UaGgXlQQnlTL\/K6uvMPxLftkvGfhBfKeOmcH7cJVdc7moLoXcgu1CpxGSihZ4ZWlvuDfTak5Qz6Nu2k5EP6lFxuWDW46qNnjdv720mc8W9nXxT\/fxSjSFuZ+80e+aKidB1uwjAc7rM31Zq8cneQDY5atVTX44ZqxgtJ5vqUJo4ammejci6AzABLfUIYxQ3hIzcWyTTznp\/QTZo7lqnNDE+BOVFb83l47hD3U939AL\/H8QI=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        formatter: '{b}: {c} Users'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'User Onboarding',\r\n            type: 'funnel',\r\n            left: '10%',\r\n            top: '10%',\r\n            bottom: '10%',\r\n            width: '80%',\r\n            gap: 6, \/\/ Adds clear separation between stages\r\n            itemStyle: {\r\n                borderColor: '#ffffff',\r\n                borderWidth: 2,\r\n                borderRadius: 4\r\n            },\r\n            label: {\r\n                show: true,\r\n                position: 'inside',\r\n                formatter: '{b}\\n{c} ({d}%)',\r\n                color: '#fff',\r\n                fontSize: 12\r\n            },\r\n            data: [\r\n                { value: 5000, name: 'App Visits' },\r\n                { value: 3400, name: 'Sign Ups' },\r\n                { value: 2100, name: 'Profile Setup' },\r\n                { value: 1200, name: 'First Action' },\r\n                { value: 800, name: 'Subscribed' }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqFUl1LwzAUfRf8DwEZVRisrVNGxYch+Ko4pg\/qQ9rcdoEsCcmtY47+d5Nuc21X3X1Lzjn343CURq4kuSeb8zPiCpUSyHWyf9d\/hhcFmIQEHGEZDA9IrsySItbYJq2cKqvI3IKxwZZU7cjui4NNyPtB2xjgS9IluC5eTJ5kqqhhXBbNYfUqa+1ZeSkliC4oIEcHRuHgSKZ0P5AqRLXsx1ac4cJBk2OooK7f7ZCMRmTKmCWZAGrckZoaWvuZAq4AJLFIC7BtsTdxhmsBSdeD7UaGgXlQQnlTL\/K6uvMPxLftkvGfhBfKeOmcH7cJVdc7moLoXcgu1CpxGSihZ4ZWlvuDfTak5Qz6Nu2k5EP6lFxuWDW46qNnjdv720mc8W9nXxT\/fxSjSFuZ+80e+aKidB1uwjAc7rM31Zq8cneQDY5atVTX44ZqxgtJ5vqUJo4ammejci6AzABLfUIYxQ3hIzcWyTTznp\/QTZo7lqnNDE+BOVFb83l47hD3U939AL\/H8QI=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"DkqtFnE\"><img decoding=\"async\" width=\"1834\" height=\"1230\" class=\"alignnone size-full wp-image-1377 \" src=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70.png 1834w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70-300x201.png 300w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70-1024x687.png 1024w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70-768x515.png 768w, https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c5ac68c70-1536x1030.png 1536w\" sizes=\"(max-width: 1834px) 100vw, 1834px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Strategic Best Practices<\/h2>\n<ul>\n<li><strong>Keep Stages Sequential:<\/strong> Funnel charts rely on sequential flow logic. Ensure data items represent actual step-by-step processes rather than unrelated categories.<\/li>\n<li><strong>Use <code>gap<\/code> for Clear Visual Stage Bounds:<\/strong> Setting a small <code>gap<\/code> (e.g., 4px to 6px) between trapezoids prevents adjacent colors from bleeding together into a single block.<\/li>\n<li><strong>Display Stage Percentages:<\/strong> Combine raw numbers with step percentages (e.g., using <code>{d}%<\/code> in label formatters) so users can instantly evaluate drop-off ratios at each milestone.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When tracking progressive drop-off across sequential steps or conversion pipelines, the Funnel Chart is the standard visual tool. By displaying values as stacked trapezoidal blocks that narrow or widen across stages, funnel charts allow users to spot conversion bottlenecks, drop-off&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1254,"menu_order":21,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-1373","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T01:28:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/\",\"name\":\"ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/07\\\/img_6a66c58526d25.png\",\"datePublished\":\"2026-07-27T02:36:38+00:00\",\"dateModified\":\"2026-07-30T01:28:28+00:00\",\"description\":\"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/07\\\/img_6a66c58526d25.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/07\\\/img_6a66c58526d25.png\",\"width\":1842,\"height\":1294},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ECharts Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Funnel Chart: Conversion Stages and Process Drop-Off\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide","description":"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","og_locale":"de_DE","og_type":"article","og_title":"ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide","og_description":"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","og_site_name":"VPasCode","article_modified_time":"2026-07-30T01:28:28+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","name":"ECharts Funnel Chart Guide | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png","datePublished":"2026-07-27T02:36:38+00:00","dateModified":"2026-07-30T01:28:28+00:00","description":"Track stage-by-stage conversion metrics using ECharts funnel charts in VPasCode, a free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/07\/img_6a66c58526d25.png","width":1842,"height":1294},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"ECharts Playbook","item":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/echarts-playbook\/"},{"@type":"ListItem","position":4,"name":"Funnel Chart: Conversion Stages and Process Drop-Off"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/1373","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/3"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/1254"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=1373"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}