{"id":2053,"date":"2026-07-27T02:36:38","date_gmt":"2026-07-27T02:36:38","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/funnel-chart-conversion-stages-and-process-drop-off-guide\/"},"modified":"2026-07-27T02:36:38","modified_gmt":"2026-07-27T02:36:38","slug":"funnel-chart-conversion-stages-and-process-drop-off-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","title":{"rendered":"Diagram Kerucut: Tahapan Konversi dan Penurunan Proses"},"content":{"rendered":"<p>Ketika melacak penurunan progresif di seluruh langkah berurutan atau saluran konversi, <strong>Diagram Kerucut<\/strong> adalah alat visual standar. Dengan menampilkan nilai sebagai blok trapezoid tumpuk yang menyempit atau melebar di setiap tahapan, diagram kerucut memungkinkan pengguna mengidentifikasi <em>hambatan konversi, tingkat penurunan, dan efisiensi proses<\/em> dalam sekejap\u2014seperti tahapan saluran penjualan, alur checkout e-commerce, atau funnel generasi prospek.<\/p>\n<h2>Mekanisme Diagram Kerucut<\/h2>\n<p>Di Apache ECharts, diagram kerucut dirender menggunakan <code>type: 'funnel'<\/code>. Setiap objek data berisi <code>nama<\/code> dan nilai numerik <code>nilai<\/code>. Mesin secara otomatis mengurutkan data dari terbesar ke terkecil (atau sebaliknya) dan menyesuaikan lebar setiap trapezoid relatif terhadap nilai maksimum dalam seri.<\/p>\n<h3>1. Pengaturan Dasar<\/h3>\n<p>Untuk membuat diagram kerucut dasar, sediakan tahapan kategori di dalam array data seri Anda dan atur <code>type: 'funnel'<\/code>:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp9Us9rwyAUvhf6P3gpbtBDWrZRLLuNwS5jo8fRg62vqWA0i2btFvzfpybFJJZ6e+\/74Xv6qdJwJdEzaqYT5I5RShhekksdehXPc6gIwtxAgecROaiqoMYErKEWTSfNzjrt3qK7htnZPW65ttMIyEGyoblyl+HHWd9WwMG45h6ks+4DjBpK0Bd+k981rzhoPEf4o1Kl0lSE4rNWpm2\/Q64Mp369UL+Ap2yHA2nwLs4y3tGbzR9JC3CzbKgAjV5rKUH0Jwor\/JaecrgKdrssslkiC5svVgmwU8ao4rroxJk5OmiVQgWXBGXjJj0TtMiylLvhf37qKz703GFOl6BaVX4fBtp9D+MyHxNy6tZajl+B7kCQ8dsGv6M6ERexGuYp6P6V+w\/00ZOaM8BDjh1punykRg36oaKG9ikufxpTlBgNNKsoiVm7LXmKki6Rt\/kPkT\/I7W3VMqradCM7ZG9j2SGuY9f\/wjrlXQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\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\/editor\/#echarts:eNp9UstqwzAQvAfyD7oEtZCDE9oSXPoFhRLoseSwiTeOgiwZSW6SGv171y\/8UIhO0s7O7EOjcye0Yh+snM8YHae1dCKPu3cdMyJN0cSMC4cZX\/bIUZsMnKuxEjybz8q9J+7Bs6cy8Ytn3uT6liMxRZWMxTUV46+LoazEo6PgARVJD4EEHMTsh2\/ROFA3AMWXjG+NzrUFWd9RwQVMA3xhqq0AKxrEnEGdBUG7cVcWjUBLun2hQYPVUZAhNfSJpjgUjlGRcwGyKjLOc7e8yjsWSqGcgu1Uq2gR0OodrDYBsNfO6ew+6SISdyJoE0KZUDGLpkG4xmwVRWHut\/irur6jA9cWI16AWm2qeRK09FGJUOk0IQUaaz3dAuxRxtMF13onfYnJbAUuQ5A+WFROrUyorEiQj3P8hNM6JRQq2S\/IAptVdB878FOgNCJtBpzOdY8Zb8MqnTcfU156Su\/gx5T1aJbO58yPKbv+2SIU8e\/\/pfnrEg==\" \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 class=\"language-echarts\" 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: ['Pertanyaan', 'Proposal', 'Penawaran', 'Negosiasi', 'Perjanjian']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Kerucut Penjualan',\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: 'Pertanyaan' },\r\n                { value: 80, name: 'Proposal' },\r\n                { value: 60, name: 'Penawaran' },\r\n                { value: 40, name: 'Negosiasi' },\r\n                { value: 20, name: 'Perjanjian' }\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\/editor\/#echarts:eNp9UstqwzAQvAfyD7oEtZCDE9oSXPoFhRLoseSwiTeOgiwZSW6SGv171y\/8UIhO0s7O7EOjcye0Yh+snM8YHae1dCKPu3cdMyJN0cSMC4cZX\/bIUZsMnKuxEjybz8q9J+7Bs6cy8Ytn3uT6liMxRZWMxTUV46+LoazEo6PgARVJD4EEHMTsh2\/ROFA3AMWXjG+NzrUFWd9RwQVMA3xhqq0AKxrEnEGdBUG7cVcWjUBLun2hQYPVUZAhNfSJpjgUjlGRcwGyKjLOc7e8yjsWSqGcgu1Uq2gR0OodrDYBsNfO6ew+6SISdyJoE0KZUDGLpkG4xmwVRWHut\/irur6jA9cWI16AWm2qeRK09FGJUOk0IQUaaz3dAuxRxtMF13onfYnJbAUuQ5A+WFROrUyorEiQj3P8hNM6JRQq2S\/IAptVdB878FOgNCJtBpzOdY8Zb8MqnTcfU156Su\/gx5T1aJbO58yPKbv+2SIU8e\/\/pfnrEg==\" \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><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNp9Us9rwyAUvhf6P3gpbtBDWrZRLLuNwS5jo8fRg62vqWA0i2btFvzfpybFJJZ6e+\/74Xv6qdJwJdEzaqYT5I5RShhekksdehXPc6gIwtxAgecROaiqoMYErKEWTSfNzjrt3qK7htnZPW65ttMIyEGyoblyl+HHWd9WwMG45h6ks+4DjBpK0Bd+k981rzhoPEf4o1Kl0lSE4rNWpm2\/Q64Mp369UL+Ap2yHA2nwLs4y3tGbzR9JC3CzbKgAjV5rKUH0Jwor\/JaecrgKdrssslkiC5svVgmwU8ao4rroxJk5OmiVQgWXBGXjJj0TtMiylLvhf37qKz703GFOl6BaVX4fBtp9D+MyHxNy6tZajl+B7kCQ8dsGv6M6ERexGuYp6P6V+w\/00ZOaM8BDjh1punykRg36oaKG9ikufxpTlBgNNKsoiVm7LXmKki6Rt\/kPkT\/I7W3VMqradCM7ZG9j2SGuY9f\/wjrlXQ==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"uKxafns\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-1375\" decoding=\"async\" fetchpriority=\"high\" height=\"1294\" sizes=\"(max-width: 1842px) 100vw, 1842px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png 1842w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25-300x211.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25-1024x719.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25-768x540.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25-1536x1079.png 1536w\" width=\"1842\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Teknik Struktural Lanjutan<\/h2>\n<p>Diagram kerucut dapat disesuaikan dengan tata letak piramida, penyesuaian tahapan khusus, atau tumpukan dua kerucut untuk membandingkan saluran konversi yang berbeda.<\/p>\n<h3>1. Tata Letak Piramida Terbalik dan Penyesuaian Khusus<\/h3>\n<p>Ubah <code>sort: 'ascending'<\/code> untuk membuat piramida terbalik, atau sesuaikan <code>funnelAlign<\/code> untuk menyesuaikan tahapan sepanjang tepi kiri atau kanan:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFUj1PwzAQ3ZH4D7dUWSL1gwKVEUMFCxuCETG4ySW15NiRfW1VVfnvnJOWNM5Qb3fv3nv3YVuTsgZe4XR\/B\/zIWk2qFpe4zTlVlugEJIqwStIeKayrJFGLnTYNs7JmknR4c67TWKLJh4KWDZLHybWUxoI4maFhuUjCo1PoBfz05Vdq4RlZIbPfrNmj82Giz6OTlcqvLVrrYx0Ki50xqGPw3MN82Fnf8Xw1AjaWyFYBm42wg8ppy9DzGPLWBSfped5cmTJJYTqFLw64ffCV1Bo9gSdZIkgK\/ilo6cqQ5bizHWp2M621Kk2\/yHhCuUEt4u21HW3tQfCpd5iOwdp6Ff4J6\/Jf2FIyLGkiSi5JDq71fzXYS73jAyxm6eVm3+2McwHrg3Ro0PtkJDjgLmPuQsBHGJZ3c4P6FFMfBLxjpsKPuUFdxdQld5xRRxzyfvvwjHCmefkDYmzOmg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\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\/editor\/#echarts:eNqFUrFuwjAQ3Sv1H7ygLJEKlLbIVYfOCKkDW9Xhgo\/khGNHtgOqUP69lwANcQa8+d699+75bKtA1ogPcXp8EHyCtTpQJa\/3ruYoz9FJkVDAMkl7ZGddCSF02ClrmLVtJskZby59GnM0aiho2SB5mdxKadwFLm7RsFwk4dEReim++\/YbtfYYKJHZX+SgJAViZc0Bnadbh875t2r7drUxqGPwMsJsOFg\/8Gw5AjIbgi1bbDrCjqRCwdDbGPLWtU7gOa4ikyepeHoSa+QYFek9GBGggErwU+xxS1ooEhDAp20lQw+urWRwhGIofA72qSk3\/WPGMSFDLeMX7MYq7FHyumtMx2BlPbV\/hXX5PxQhGbY0EUXxvION\/W9OHEDXvIX5NL3ubdOlnUmx4mwKHJhkJDjgLmLuXIo1GQh3eK8x77n1rOpQ+7uey5i7kGJDRsG+ow6ZP\/31gnClef8DVkzPhA==\" \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 class=\"language-echarts\" 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: 'Piramida Konversi',\r\n            type: 'funnel',\r\n            left: '15%',\r\n            top: '18%',\r\n            bottom: '10%',\r\n            width: '70%',\r\n            sort: 'ascending', \/\/ Menampilkan tahap terkecil di atas, terbesar di bawah\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: 'Tahap 1: Kesadaran' },\r\n                { value: 40, name: 'Tahap 2: Minat' },\r\n                { value: 60, name: 'Tahap 3: Keputusan' },\r\n                { value: 80, name: 'Tahap 4: Tindakan' }\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\/editor\/#echarts:eNqFUrFuwjAQ3Sv1H7ygLJEKlLbIVYfOCKkDW9Xhgo\/khGNHtgOqUP69lwANcQa8+d699+75bKtA1ogPcXp8EHyCtTpQJa\/3ruYoz9FJkVDAMkl7ZGddCSF02ClrmLVtJskZby59GnM0aiho2SB5mdxKadwFLm7RsFwk4dEReim++\/YbtfYYKJHZX+SgJAViZc0Bnadbh875t2r7drUxqGPwMsJsOFg\/8Gw5AjIbgi1bbDrCjqRCwdDbGPLWtU7gOa4ikyepeHoSa+QYFek9GBGggErwU+xxS1ooEhDAp20lQw+urWRwhGIofA72qSk3\/WPGMSFDLeMX7MYq7FHyumtMx2BlPbV\/hXX5PxQhGbY0EUXxvION\/W9OHEDXvIX5NL3ubdOlnUmx4mwKHJhkJDjgLmLuXIo1GQh3eK8x77n1rOpQ+7uey5i7kGJDRsG+ow6ZP\/31gnClef8DVkzPhA==\" \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><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFUj1PwzAQ3ZH4D7dUWSL1gwKVEUMFCxuCETG4ySW15NiRfW1VVfnvnJOWNM5Qb3fv3nv3YVuTsgZe4XR\/B\/zIWk2qFpe4zTlVlugEJIqwStIeKayrJFGLnTYNs7JmknR4c67TWKLJh4KWDZLHybWUxoI4maFhuUjCo1PoBfz05Vdq4RlZIbPfrNmj82Giz6OTlcqvLVrrYx0Ki50xqGPw3MN82Fnf8Xw1AjaWyFYBm42wg8ppy9DzGPLWBSfped5cmTJJYTqFLw64ffCV1Bo9gSdZIkgK\/ilo6cqQ5bizHWp2M621Kk2\/yHhCuUEt4u21HW3tQfCpd5iOwdp6Ff4J6\/Jf2FIyLGkiSi5JDq71fzXYS73jAyxm6eVm3+2McwHrg3Ro0PtkJDjgLmPuQsBHGJZ3c4P6FFMfBLxjpsKPuUFdxdQld5xRRxzyfvvwjHCmefkDYmzOmg==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"VWyFRJD\"><img alt=\"\" class=\"alignnone size-full wp-image-1376\" decoding=\"async\" height=\"1295\" sizes=\"(max-width: 1733px) 100vw, 1733px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b.png 1733w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b-300x224.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b-1024x765.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b-768x574.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c59b0168b-1536x1148.png 1536w\" width=\"1733\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Penyesuaian Layout dan Gaya Tahap<\/h2>\n<p>Menambahkan jarak, sudut membulat, dan format label khusus menciptakan jarak yang rapi antar tahap konversi.<\/p>\n<h3>1. Jarak Tahap Khusus dan Label Persentase<\/h3>\n<p>Kontrol <code>jarak<\/code> jarak antar trapesium dan gunakan format label khusus untuk menyoroti retensi persentase di seluruh tahap:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">ECharts<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFUl1LwzAUfRf8DwEZVRisrVNGxYch+Ko4pg\/qQ9rcdoEsCcmtY47+d5Nuc21X3X1Lzjn343CURq4kuSeb8zPiCpUSyHWyf9d\/hhcFmIQEHGEZDA9IrsySItbYJq2cKqvI3IKxwZZU7cjui4NNyPtB2xjgS9IluC5eTJ5kqqhhXBbNYfUqa+1ZeSkliC4oIEcHRuHgSKZ0P5AqRLXsx1ac4cJBk2OooK7f7ZCMRmTKmCWZAGrckZoaWvuZAq4AJLFIC7BtsTdxhmsBSdeD7UaGgXlQQnlTL\/K6uvMPxLftkvGfhBfKeOmcH7cJVdc7moLoXcgu1CpxGSihZ4ZWlvuDfTak5Qz6Nu2k5EP6lFxuWDW46qNnjdv720mc8W9nXxT\/fxSjSFuZ+80e+aKidB1uwjAc7rM31Zq8cneQDY5atVTX44ZqxgtJ5vqUJo4ammejci6AzABLfUIYxQ3hIzcWyTTznp\/QTZo7lqnNDE+BOVFb83l47hD3U939AL\/H8QI=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\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\/editor\/#echarts:eNqFU8tOwzAQvCPxD5ZQVZAq0ZaHUBCHwhEhEBw4IA4bsklMnXVkb6hKlX9n0wJ5NNC92TOzHq\/HNmdtSV2p1f6ekmJrDes8+Fmv95xOEnSBGmrGbDiqkdi6DJjX2CosRfVWqgekJCkIhhte+c336DT6QL3U8sYZVRFkKI3uKbTgIk1J3WrUZvIyr5hxQYSmCxqMWcDJeLAls3k\/EFpmm\/VjCx1xKtDFNpSA9DsfqeNjdYfiPoR0DqRyzLSHVL2jAa+AGJxiSCFvq6thPvHSYNAdxMaSi9DdWGOr4R7E6+oaqInPG5fTPwmPEOlCxn\/aJpTd4UGIpteQT+0ikCwU2HNGbr2uglRlhLyOsM9pJy1UheVwFZWDoz72W+Pq\/d2In\/SnTG8y\/f9OETC0cvebP\/UBppAOZ+PxePSTv9uC3gtK5CFnudFz8Hq41bKlPjltqCWyEcTy5EA7ZNNJW5YAF6JSD87G2uwQT6YN8WzutfwVx5DBDt1FQ3aNzoB8MKC117bqtV5+I7JTXn4BWm36ng==\" \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 class=\"language-echarts\" data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item',\r\n        formatter: '{b}: {c} Pengguna'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Onboarding Pengguna',\r\n            type: 'funnel',\r\n            left: '10%',\r\n            top: '10%',\r\n            bottom: '10%',\r\n            width: '80%',\r\n            gap: 6, \/\/ Menambahkan pemisah jelas antar tahap\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: 'Kunjungan Aplikasi' },\r\n                { value: 3400, name: 'Pendaftaran' },\r\n                { value: 2100, name: 'Pengaturan Profil' },\r\n                { value: 1200, name: 'Aksi Pertama' },\r\n                { value: 800, name: 'Berlangganan' }\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\/editor\/#echarts:eNqFU8tOwzAQvCPxD5ZQVZAq0ZaHUBCHwhEhEBw4IA4bsklMnXVkb6hKlX9n0wJ5NNC92TOzHq\/HNmdtSV2p1f6ekmJrDes8+Fmv95xOEnSBGmrGbDiqkdi6DJjX2CosRfVWqgekJCkIhhte+c336DT6QL3U8sYZVRFkKI3uKbTgIk1J3WrUZvIyr5hxQYSmCxqMWcDJeLAls3k\/EFpmm\/VjCx1xKtDFNpSA9DsfqeNjdYfiPoR0DqRyzLSHVL2jAa+AGJxiSCFvq6thPvHSYNAdxMaSi9DdWGOr4R7E6+oaqInPG5fTPwmPEOlCxn\/aJpTd4UGIpteQT+0ikCwU2HNGbr2uglRlhLyOsM9pJy1UheVwFZWDoz72W+Pq\/d2In\/SnTG8y\/f9OETC0cvebP\/UBppAOZ+PxePSTv9uC3gtK5CFnudFz8Hq41bKlPjltqCWyEcTy5EA7ZNNJW5YAF6JSD87G2uwQT6YN8WzutfwVx5DBDt1FQ3aNzoB8MKC117bqtV5+I7JTXn4BWm36ng==\" \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><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#echarts:eNqFUl1LwzAUfRf8DwEZVRisrVNGxYch+Ko4pg\/qQ9rcdoEsCcmtY47+d5Nuc21X3X1Lzjn343CURq4kuSeb8zPiCpUSyHWyf9d\/hhcFmIQEHGEZDA9IrsySItbYJq2cKqvI3IKxwZZU7cjui4NNyPtB2xjgS9IluC5eTJ5kqqhhXBbNYfUqa+1ZeSkliC4oIEcHRuHgSKZ0P5AqRLXsx1ac4cJBk2OooK7f7ZCMRmTKmCWZAGrckZoaWvuZAq4AJLFIC7BtsTdxhmsBSdeD7UaGgXlQQnlTL\/K6uvMPxLftkvGfhBfKeOmcH7cJVdc7moLoXcgu1CpxGSihZ4ZWlvuDfTak5Qz6Nu2k5EP6lFxuWDW46qNnjdv720mc8W9nXxT\/fxSjSFuZ+80e+aKidB1uwjAc7rM31Zq8cneQDY5atVTX44ZqxgtJ5vqUJo4ammejci6AzABLfUIYxQ3hIzcWyTTznp\/QTZo7lqnNDE+BOVFb83l47hD3U939AL\/H8QI=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><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><br \/>\n<span>Edit ECharts di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"DkqtFnE\"><img alt=\"\" class=\"alignnone size-full wp-image-1377\" decoding=\"async\" height=\"1230\" sizes=\"(max-width: 1834px) 100vw, 1834px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70.png 1834w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70-300x201.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70-1024x687.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70-768x515.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c5ac68c70-1536x1030.png 1536w\" width=\"1834\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Praktik Terbaik Strategis<\/h2>\n<ul>\n<li><strong>Jaga Tahapan Secara Berurutan:<\/strong> Grafik funnel bergantung pada logika alur berurutan. Pastikan item data mewakili proses langkah demi langkah yang sebenarnya, bukan kategori yang tidak terkait.<\/li>\n<li><strong>Gunakan <code>jarak<\/code> untuk batas visual tahapan yang jelas:<\/strong> Menetapkan <code>jarak<\/code> (misalnya, 4px hingga 6px) antar trapesium mencegah warna yang bersebelahan bercampur menjadi satu blok.<\/li>\n<li><strong>Tampilkan Persentase Tahapan:<\/strong> Gabungkan angka mentah dengan persentase tahapan (misalnya, menggunakan <code>{d}%<\/code> dalam format label) agar pengguna dapat langsung menilai rasio penurunan di setiap tonggak.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ketika melacak penurunan progresif di seluruh langkah berurutan atau saluran konversi, Diagram Kerucut adalah alat visual standar. Dengan menampilkan nilai sebagai blok trapezoid tumpuk yang menyempit atau melebar di setiap tahapan, diagram kerucut memungkinkan pengguna mengidentifikasi hambatan konversi, tingkat penurunan,&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"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-2053","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\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\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\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/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\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c58526d25.png\",\"datePublished\":\"2026-07-27T02:36:38+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\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c58526d25.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66c58526d25.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/funnel-chart-conversion-stages-and-process-drop-off-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Diagram Kerucut: Tahapan Konversi dan Penurunan Proses\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/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\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","og_locale":"id_ID","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\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/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\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png","datePublished":"2026-07-27T02:36:38+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\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66c58526d25.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/funnel-chart-conversion-stages-and-process-drop-off-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Diagram Kerucut: Tahapan Konversi dan Penurunan Proses"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2053"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}