{"id":2071,"date":"2026-07-27T01:00:58","date_gmt":"2026-07-27T01:00:58","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"},"modified":"2026-07-27T01:00:58","modified_gmt":"2026-07-27T01:00:58","slug":"grouped-bar-chart-horizontal-multi-series-comparison-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","title":{"rendered":"Diagram Batang Kelompok: Perbandingan Multi-Seri Horizontal"},"content":{"rendered":"<p>Membandingkan metrik sekunder di antara nama kategori yang panjang paling baik ditangani dengan <strong>Diagram Batang Kelompok<\/strong>. Dengan menempatkan batang horizontal yang terkait berdampingan sepanjang sumbu Y, tata letak ini memungkinkan pengguna menelusuri metrik kinerja di berbagai kategori tanpa mengorbankan keterbacaan label. Ini menjadi pilihan yang efektif untuk analisis anggaran multi-tahun, perbandingan fitur produk, atau tolok ukur penjualan multi-wilayah di mana label kategori membutuhkan ruang horizontal yang cukup.<\/p>\n<h2>Mekanisme Batang Horizontal Kelompok<\/h2>\n<p>Seperti kelompok kolom vertikal, kelompok batang horizontal dibuat dengan menetapkan label kategorikal yang identik ke sumbu Y sambil mendefinisikan beberapa seri dengan <code>tipe: 'batang'<\/code>. Mesin rendering menangani pengelompokan visual secara otomatis, menggeser setiap seri dalam blok kategori sepanjang bidang vertikal.<\/p>\n<h3>1. Pengaturan Dasar<\/h3>\n<p>Untuk membuat diagram batang kelompok, tetapkan kategori diskret Anda ke <code>yAxis.data<\/code>numerik<code>xAxis<\/code>, dan sertakan beberapa seri batang:<\/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:eNqlUE1rwzAMvQ\/2H3SaLzmk6Qddxg5lu46N9Vh60BqRmjm2sZ2uoeS\/z25SEhcGhekgrKdnvScp7biS8Ayn+zvw4ZQSjuv8Up8xw8uSTA4Mj9yyZOiE+kNx6UL3BK7R5Fl2j4X6YdB2xLb\/IKgkWUSTC3SYw4ZlaTaHlRBqh44KlkBAFiNkG486rrxw7LGTPqCoicXk5i9yGF0q04w3ujj6JEtodnt4gFc6kFC6IumCszc03+S4LH1rjYJsAF9q61RFBta11sqcie+aDIbr2mv7lgwnb2kz6I7chZBYBYfXd4lJ\/RpfaK47\/RbTLE1gNvcpm\/g0XabbgdcmN6gv\/qO+DOqPQX0WXpNIvXt6pH36BWnjmjs=\" 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:eNqlkL1ugzAUhfdKfYc71QsDIT9KqTpUyl72KMNNuXJdjI1s0wZFvHvtAiKOWqlSPFi+5xyb76AbJ7SCZzjf34FfTmvpRJNP849mBOdkcmB4EpYlsxPmQgvlgnsG1zXkU\/YdS\/3FoB+C\/XhBEidVRi+X6DCHPcvSbA07gVJXaEWFiiUQxE0sHuIHTy\/+8zHpAPCJsiUWh7u\/wm\/oiGvTXfaauApSJIUTqOAB\/MCpPqLiA19BNVo0k\/fRohyMXVu1IeRVr\/Ax\/tqQ8T20QnldxJIR5OH2M8EFZ1gK68D6y3+Kc2OnI5prZ6y0zNIEVmu\/ZQu\/LbfpYc71yT8ANjcCbAPAYwBYhdMiAhiOXumfvgHamKLP\" \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: 'axis',\r\n        axisPointer: { type: 'shadow' }\r\n    },\r\n    legend: {\r\n        data: ['2025 Dialokasikan', '2026 Dialokasikan']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Penelitian &amp; Pengembangan', 'Pemasaran &amp; Penjualan', 'Dukungan Pelanggan', 'Operasional']\r\n    },\r\n    series: [\r\n        {\r\n            name: '2025 Dialokasikan',\r\n            type: 'bar',\r\n            data: [320, 450, 210, 380]\r\n        },\r\n        {\r\n            name: '2026 Dialokasikan',\r\n            type: 'bar',\r\n            data: [380, 490, 240, 410]\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:eNqlkL1ugzAUhfdKfYc71QsDIT9KqTpUyl72KMNNuXJdjI1s0wZFvHvtAiKOWqlSPFi+5xyb76AbJ7SCZzjf34FfTmvpRJNP849mBOdkcmB4EpYlsxPmQgvlgnsG1zXkU\/YdS\/3FoB+C\/XhBEidVRi+X6DCHPcvSbA07gVJXaEWFiiUQxE0sHuIHTy\/+8zHpAPCJsiUWh7u\/wm\/oiGvTXfaauApSJIUTqOAB\/MCpPqLiA19BNVo0k\/fRohyMXVu1IeRVr\/Ax\/tqQ8T20QnldxJIR5OH2M8EFZ1gK68D6y3+Kc2OnI5prZ6y0zNIEVmu\/ZQu\/LbfpYc71yT8ANjcCbAPAYwBYhdMiAhiOXumfvgHamKLP\" \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:eNqlUE1rwzAMvQ\/2H3SaLzmk6Qddxg5lu46N9Vh60BqRmjm2sZ2uoeS\/z25SEhcGhekgrKdnvScp7biS8Ayn+zvw4ZQSjuv8Up8xw8uSTA4Mj9yyZOiE+kNx6UL3BK7R5Fl2j4X6YdB2xLb\/IKgkWUSTC3SYw4ZlaTaHlRBqh44KlkBAFiNkG486rrxw7LGTPqCoicXk5i9yGF0q04w3ujj6JEtodnt4gFc6kFC6IumCszc03+S4LH1rjYJsAF9q61RFBta11sqcie+aDIbr2mv7lgwnb2kz6I7chZBYBYfXd4lJ\/RpfaK47\/RbTLE1gNvcpm\/g0XabbgdcmN6gv\/qO+DOqPQX0WXpNIvXt6pH36BWnjmjs=\" 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=\"cdASTdu\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-1286\" decoding=\"async\" fetchpriority=\"high\" height=\"1363\" sizes=\"(max-width: 1401px) 100vw, 1401px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png 1401w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8-300x292.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8-1024x996.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8-768x747.png 768w\" width=\"1401\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Teknik Struktural Lanjutan<\/h2>\n<p>Memperluas grafik Anda hingga tiga seri atau lebih memberikan wawasan yang lebih kaya, selama kerapatan visual tetap mudah dibaca.<\/p>\n<h3>1. Penyempurnaan Gaya Multi-Metrik dengan Gradien Warna Kustom<\/h3>\n<p>Terapkan palet warna unik atau isian gradien halus di sepanjang seri horizontal untuk menjaga kelompok yang berbeda tetap mudah dibaca:<\/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:eNq9kU1rhDAQhu+F\/odAD7l4SFytH0sPPfRa2PXQw+IhG6eu4JolxrJS\/O\/NVIsfpRSkdAjjDJn4vk+iLqZQFXkg77c3xEYJOVRZ\/NViZMKImBzojpNElFBTh9CdO6k3Q532Zzqn\/14fr0U9+5NpLxAT+ibKBuh8uP1pWAoDudItdb47elbanMgecouAThLVzPonUZtJ+wJju\/Bagy7A6h9GkYkVjEqc0c54CfPtwe1R6OXOYJa7zCEus4n7NoUsXcwVBs6JaUuIl9IYUpVKW4E73wuYvF+KYByVzkDvRVY0SGJFvM\/F0vlsN7ad8yuvu5bXQ16E5oFNkb+SN+JSBv7\/8W7W8obIi0\/LI0x87QO\/Chn64V8B96Ud6LYfunzXjg==\" 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:eNrFUctOwzAQvCPxD5Y4+JJDnCbkgTjAFwAFcah62DpLMXLiynVQI5R\/xyatmrjikAqJUbTxbsaemVhtjFA1uSVflxfEQuIa67I4tA4lGCjIgj5g\/dGAhJo8MhqQYR95\/Ywu+\/1d0L93dzuxHZ1q2g0WhH6CbJCOye1vZA4G10q3NDh19yoktPBOXgxocHYOgzlKS6mHo2dRNXo4uLd7jO95i1qg9bE4ig0sOdRQOVvjHzOm7J2vQPtf9sZZFAYkCm1hiS1ZuPR4wmA1N63Ewpd34EoqbQWukjgN+bUv4rBSukT9BKVoXBorEv884XLM7Y5tF0zIHE3PHLvMLjhLbcmTMzPnjPM0+Y\/Ms+mZM5fZXTHLXWHnXvQb8CzJ\/ip0v7SE7uYbk1DkkA==\" \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    legend: {\r\n        data: ['Penjualan Q1', 'Penjualan Q2', 'Penjualan Q3']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Wilayah Utara', 'Wilayah Selatan', 'Wilayah Timur', 'Wilayah Barat']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Penjualan Q1',\r\n            type: 'bar',\r\n            data: [120, 200, 150, 80],\r\n            itemStyle: {\r\n                color: '#5470c6',\r\n                borderRadius: [0, 4, 4, 0]\r\n            }\r\n        },\r\n        {\r\n            name: 'Penjualan Q2',\r\n            type: 'bar',\r\n            data: [140, 220, 170, 95],\r\n            itemStyle: {\r\n                color: '#91cc75',\r\n                borderRadius: [0, 4, 4, 0]\r\n            }\r\n        },\r\n        {\r\n            name: 'Penjualan Q3',\r\n            type: 'bar',\r\n            data: [180, 250, 190, 110],\r\n            itemStyle: {\r\n                color: '#fac858',\r\n                borderRadius: [0, 4, 4, 0]\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:eNrFUctOwzAQvCPxD5Y4+JJDnCbkgTjAFwAFcah62DpLMXLiynVQI5R\/xyatmrjikAqJUbTxbsaemVhtjFA1uSVflxfEQuIa67I4tA4lGCjIgj5g\/dGAhJo8MhqQYR95\/Ywu+\/1d0L93dzuxHZ1q2g0WhH6CbJCOye1vZA4G10q3NDh19yoktPBOXgxocHYOgzlKS6mHo2dRNXo4uLd7jO95i1qg9bE4ig0sOdRQOVvjHzOm7J2vQPtf9sZZFAYkCm1hiS1ZuPR4wmA1N63Ewpd34EoqbQWukjgN+bUv4rBSukT9BKVoXBorEv884XLM7Y5tF0zIHE3PHLvMLjhLbcmTMzPnjPM0+Y\/Ms+mZM5fZXTHLXWHnXvQb8CzJ\/ip0v7SE7uYbk1DkkA==\" \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:eNq9kU1rhDAQhu+F\/odAD7l4SFytH0sPPfRa2PXQw+IhG6eu4JolxrJS\/O\/NVIsfpRSkdAjjDJn4vk+iLqZQFXkg77c3xEYJOVRZ\/NViZMKImBzojpNElFBTh9CdO6k3Q532Zzqn\/14fr0U9+5NpLxAT+ibKBuh8uP1pWAoDudItdb47elbanMgecouAThLVzPonUZtJ+wJju\/Bagy7A6h9GkYkVjEqc0c54CfPtwe1R6OXOYJa7zCEus4n7NoUsXcwVBs6JaUuIl9IYUpVKW4E73wuYvF+KYByVzkDvRVY0SGJFvM\/F0vlsN7ad8yuvu5bXQ16E5oFNkb+SN+JSBv7\/8W7W8obIi0\/LI0x87QO\/Chn64V8B96Ud6LYfunzXjg==\" 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=\"lJEnJdD\"><img alt=\"\" class=\"alignnone size-full wp-image-1287\" decoding=\"async\" height=\"1363\" sizes=\"(max-width: 1346px) 100vw, 1346px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae2aae5e9.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae2aae5e9.png 1346w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae2aae5e9-296x300.png 296w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae2aae5e9-1011x1024.png 1011w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae2aae5e9-768x778.png 768w\" width=\"1346\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Penyesuaian Tata Letak dan Jarak<\/h2>\n<p>Mengelola jarak batang sepanjang sumbu Y vertikal adalah kunci untuk menjaga pemisahan yang bersih antar blok kategori.<\/p>\n<h3>1. Jarak Dalam Vertikal dan Margas Kategori<\/h3>\n<p>Sesuaikan atribut jarak agar batang seri tetap terkelompok rapi tanpa bercampur dengan kelompok kategori tetangga:<\/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:eNqNkk9LxDAQxe+C32EukkvBtlqRiofVBREW\/Htb9jBtx26wm5QkdbfKfncT29LNLqI5lGbey5tfJ5W14VLANXwdH4FdpeJFOmzcqujNpMDi8IQFY1XxcunKkV\/OpTDIxQwzqlIwqqFO2\/aeikoSfn6BBlOYsxvUVHFBLAD2YKFW\/JMKtvDPbyYbrr3jpq3Jcnxg1RDzze1v5hwNlVK1u+QDxuTxHp5J11Jogle++uGZWjGzfPDUkGph2ih0U3PSRGsyMJNYdO49YE2Kk4WYj512eNwSuHJM4+f7co+codpXbOkOa3cHib2DXeX0FF5qzAkyMmsi4awa1twsuQCzJNC2JwxTOEi97YUu\/Tzs0w9ShwDIKpm\/az+nn+dZEgYQXdpHEoeL0bIN\/hrI+A\/8eyJ9zyi27S6SAOLIa9m92sr26htyorc\/\" 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:eNqNUU1Lw0AQvQv+h7nIXgJNohGJeKgWRFSUXjyUHqbNGJduNmE\/pFH6390lqelGROew7L558+btTN0YXku4gs\/jI3BRKl7k+4cPQa8mB5bGJywaUMXLNw8nIbyupUEuH3BFIgejLHW5Xc8RVJIM9Qs0mMOCXaMmwSWxCNiTM1XxDyrYMqzfTrdcB+Wmbcj5eEdhiYXk9jfyGg2VtWoPne9tvODGWJiTbmqpYfp85\/3MrELN4d6S4uCMcg0zx\/epjv9o0cBUkxkb1q6CnInF0OnAjw+Jlfc0fD9M95ZXqMYZB91i43eQuR0cZiYTmFuUJaDbhnJE4x8FCqxg0\/2dQ+sxjRX+UL3px9Opn8W9+lhV1JtvtVCjn+VpFkeQXLgjS+PlQNlFfw1j2P+\/p9H3TFLX7jyLIE2Clt3VIbvLL2WitSo=\" \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    grid: {\r\n        left: '20%',\r\n        right: '10%',\r\n        containLabel: true\r\n    },\r\n    legend: {\r\n        data: ['Baseline', 'Optimized']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Waktu Respons API', 'Durasi Kueri Basis Data', 'Waktu Muat Aset']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Baseline',\r\n            type: 'bar',\r\n            barGap: '15%',            \/\/ Ruang antar batang dalam kategori yang sama\r\n            barCategoryGap: '40%',    \/\/ Ruang antar blok kategori\r\n            data: [350, 180, 520]\r\n        },\r\n        {\r\n            name: 'Optimized',\r\n            type: 'bar',\r\n            data: [120, 65, 210]\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:eNqNUU1Lw0AQvQv+h7nIXgJNohGJeKgWRFSUXjyUHqbNGJduNmE\/pFH6390lqelGROew7L558+btTN0YXku4gs\/jI3BRKl7k+4cPQa8mB5bGJywaUMXLNw8nIbyupUEuH3BFIgejLHW5Xc8RVJIM9Qs0mMOCXaMmwSWxCNiTM1XxDyrYMqzfTrdcB+Wmbcj5eEdhiYXk9jfyGg2VtWoPne9tvODGWJiTbmqpYfp85\/3MrELN4d6S4uCMcg0zx\/epjv9o0cBUkxkb1q6CnInF0OnAjw+Jlfc0fD9M95ZXqMYZB91i43eQuR0cZiYTmFuUJaDbhnJE4x8FCqxg0\/2dQ+sxjRX+UL3px9Opn8W9+lhV1JtvtVCjn+VpFkeQXLgjS+PlQNlFfw1j2P+\/p9H3TFLX7jyLIE2Clt3VIbvLL2WitSo=\" \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:eNqNkk9LxDAQxe+C32EukkvBtlqRiofVBREW\/Htb9jBtx26wm5QkdbfKfncT29LNLqI5lGbey5tfJ5W14VLANXwdH4FdpeJFOmzcqujNpMDi8IQFY1XxcunKkV\/OpTDIxQwzqlIwqqFO2\/aeikoSfn6BBlOYsxvUVHFBLAD2YKFW\/JMKtvDPbyYbrr3jpq3Jcnxg1RDzze1v5hwNlVK1u+QDxuTxHp5J11Jogle++uGZWjGzfPDUkGph2ih0U3PSRGsyMJNYdO49YE2Kk4WYj512eNwSuHJM4+f7co+codpXbOkOa3cHib2DXeX0FF5qzAkyMmsi4awa1twsuQCzJNC2JwxTOEi97YUu\/Tzs0w9ShwDIKpm\/az+nn+dZEgYQXdpHEoeL0bIN\/hrI+A\/8eyJ9zyi27S6SAOLIa9m92sr26htyorc\/\" 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=\"qjZGSav\"><img alt=\"\" class=\"alignnone size-full wp-image-1288\" decoding=\"async\" height=\"1363\" sizes=\"(max-width: 1110px) 100vw, 1110px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae38c5f11.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae38c5f11.png 1110w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae38c5f11-244x300.png 244w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae38c5f11-834x1024.png 834w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae38c5f11-768x943.png 768w\" width=\"1110\"\/><\/p>\n<p>\u00a0<\/p>\n<h2>Praktik Terbaik Strategis<\/h2>\n<ul>\n<li><strong>Pertahankan Fokus Kelompok:<\/strong>Patuhi maksimal 3 atau 4 seri per kategori. Di luar itu, grafik bertumpuk atau multi-panel lebih cocok untuk mencegah kerumitan visual vertikal.<\/li>\n<li><strong>Alokasikan Margin Y-Axis yang Cukup:<\/strong>Grafik horizontal yang dikelompokkan memakan tinggi vertikal yang signifikan. Tingkatkan tinggi kontainer atau sesuaikan <code>grid.left<\/code>untuk mencegah pemotongan teks.<\/li>\n<li><strong>Urutan Metrik yang Konsisten:<\/strong>Pastikan urutan seri dalam kode Anda sesuai dengan alur narasi yang alami (misalnya, tahun historis pertama, tahun saat ini kedua).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Membandingkan metrik sekunder di antara nama kategori yang panjang paling baik ditangani dengan Diagram Batang Kelompok. Dengan menempatkan batang horizontal yang terkait berdampingan sepanjang sumbu Y, tata letak ini memungkinkan pengguna menelusuri metrik kinerja di berbagai kategori tanpa mengorbankan keterbacaan&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":3,"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-2071","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 Grouped Bar Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your 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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-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_6a66ae1c580e8.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\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"name\":\"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\",\"datePublished\":\"2026-07-27T01:00:58+00:00\",\"description\":\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-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 Batang Kelompok: Perbandingan Multi-Seri Horizontal\"}]},{\"@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 Grouped Bar Chart | VPasCode Text to Diagram Guide","description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your 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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_locale":"id_ID","og_type":"article","og_title":"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide","og_description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","name":"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png","datePublished":"2026-07-27T01:00:58+00:00","description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-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 Batang Kelompok: Perbandingan Multi-Seri Horizontal"}]},{"@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\/2071","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=2071"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}