{"id":2073,"date":"2026-07-27T01:00:58","date_gmt":"2026-07-27T01:00:58","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/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\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","title":{"rendered":"Gruppiertes Balkendiagramm: Horizontale Mehrreihenvergleich"},"content":{"rendered":"<p>Der Vergleich sekund\u00e4rer Metriken \u00fcber lange Kategoriennamen wird am besten mit einem<strong>Gruppiertes Balkendiagramm<\/strong>. Durch die Anordnung verwandter horizontaler Balken nebeneinander entlang der Y-Achse erm\u00f6glicht diese Anordnung es Benutzern, Leistungsmetriken \u00fcber mehrere Kategorien hinweg zu scannen, ohne die Lesbarkeit der Beschriftungen zu beeintr\u00e4chtigen. Es eignet sich als effektive Wahl f\u00fcr mehrj\u00e4hrige Budgetaufschl\u00fcsselungen, Produktmerkmalsvergleiche oder Verkaufsbenchmarking \u00fcber mehrere Regionen hinweg, bei denen die Kategorienbezeichnungen ausreichend horizontalen Platz ben\u00f6tigen.<\/p>\n<h2>Die Funktionsweise gruppiert horizontaler Balken<\/h2>\n<p>Wie vertikale S\u00e4ulen-Gruppen werden horizontale Balkengruppen erstellt, indem identische kategoriale Bezeichnungen der Y-Achse zugewiesen werden, w\u00e4hrend mehrere Serien mit<code>type: 'bar'<\/code>. Der Rendering-Engine \u00fcbernimmt die visuelle Gruppierung automatisch und verschiebt jede Serie innerhalb des Kategorieblocks entlang der vertikalen Ebene.<\/p>\n<h3>1. Grundlegende Einrichtung<\/h3>\n<p>Um ein gruppiertes Balkendiagramm zu erstellen, weisen Sie Ihre diskreten Kategorien zu<code>yAxis.data<\/code>, geben Sie eine numerische<code>xAxis<\/code>, und f\u00fcgen Sie mehrere Balkenreihen hinzu:<\/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>ECharts in VPasCode bearbeiten<\/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:eNqlUD1rwzAQ3Qv9DzdFiwfH+SB16ZBCu5RCpw4NGRT7UERcSeijiQn+75VsB1sphUJvELr3nvTenVSWSwEPcL69AV9WyspylV\/6FtOcMdQ5EHrihiQDE\/o3yYUN7BlsrdCrzJ6W8kig6YRN\/6BChqKMfi6ppTlsSJZmC\/hwDKUuBVqSQICWY2gbf3Zae+s4ZWf+RSuHJBbXv4kLapFJXY9numR6ltoUeycYTOBJ2CMvDpXvQrZXqg9oeUu9o\/b7wV3AX5woURinlNTtEI\/YcVfhDXrUB9oMrqNsoQT9DPl+7CVW9VPsqL5m+iFmWZrAfOGPbOqP2SrdDrom+YP98l\/2q2B\/F+zn4TaN7LurR5r7b55mnDQ=\" \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 Zugeordnet', '2026 Zugeordnet']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Forschung &amp; Entwicklung', 'Marketing &amp; Vertrieb', 'Kundensupport', 'Betrieb']\r\n    },\r\n    series: [\r\n        {\r\n            name: '2025 Zugeordnet',\r\n            type: 'bar',\r\n            data: [320, 450, 210, 380]\r\n        },\r\n        {\r\n            name: '2026 Zugeordnet',\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:eNqlUD1rwzAQ3Qv9DzdFiwfH+SB16ZBCu5RCpw4NGRT7UERcSeijiQn+75VsB1sphUJvELr3nvTenVSWSwEPcL69AV9WyspylV\/6FtOcMdQ5EHrihiQDE\/o3yYUN7BlsrdCrzJ6W8kig6YRN\/6BChqKMfi6ppTlsSJZmC\/hwDKUuBVqSQICWY2gbf3Zae+s4ZWf+RSuHJBbXv4kLapFJXY9numR6ltoUeycYTOBJ2CMvDpXvQrZXqg9oeUu9o\/b7wV3AX5woURinlNTtEI\/YcVfhDXrUB9oMrqNsoQT9DPl+7CVW9VPsqL5m+iFmWZrAfOGPbOqP2SrdDrom+YP98l\/2q2B\/F+zn4TaN7LurR5r7b55mnDQ=\" \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>ECharts in VPasCode bearbeiten<\/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>Fortgeschrittene strukturelle Techniken<\/h2>\n<p>Die Erweiterung Ihres Diagramms auf drei oder mehr Serien liefert detailliertere Einblicke, vorausgesetzt, die visuelle Dichte bleibt leicht lesbar.<\/p>\n<h3>1. Mehrmetrische Gestaltung mit benutzerdefinierten Farbverl\u00e4ufen<\/h3>\n<p>Wenden Sie eindeutige Farbpaletten oder subtile Farbverl\u00e4ufe \u00fcber die horizontalen Serien an, um unterschiedliche Gruppen lesbar zu halten:<\/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>ECharts in VPasCode bearbeiten<\/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:eNq9kc1KxDAUhfeC7xBwkU0XTaexP4MLX0AZB3ExdJFJr6XQNkOakanSN3Pni5lrZ+yPiFBkLuW2h5zmni9RO5OrityQt8sLYquADKo0PkmsVBgRkw1dMfJY1sK8UofQlTcUi5NIut9ap3sfbg95PdrMNDuICX0RxR7o2Nz8ZpbCQKZ0Q52foe6UTjVklgGDrD\/eB+q+Nr14gm81CVmDzsEO3vS7DzJgVaLEHIMDGK8fc26Fnq4cYzLPdYjn2sa4baGbTHy5gXJtmgLi6WwsqQql7YAr7geuvJ4OwdracwD9INJ8jyh2iP\/1uMnY2\/aydf4E9mYD+wiM1CywLeIzgSMmZcDPB7yYDRwiMF4ui7CxuVf8LGTIw\/8i7j6toV1+AsCr2io=\" \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: ['Q1 Umsatz', 'Q2 Umsatz', 'Q3 Umsatz']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Nordregion', 'S\u00fcdregion', 'Ostregion', 'Westregion']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Q1 Umsatz',\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: 'Q2 Umsatz',\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: 'Q3 Umsatz',\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:eNq9kc1KxDAUhfeC7xBwkU0XTaexP4MLX0AZB3ExdJFJr6XQNkOakanSN3Pni5lrZ+yPiFBkLuW2h5zmni9RO5OrityQt8sLYquADKo0PkmsVBgRkw1dMfJY1sK8UofQlTcUi5NIut9ap3sfbg95PdrMNDuICX0RxR7o2Nz8ZpbCQKZ0Q52foe6UTjVklgGDrD\/eB+q+Nr14gm81CVmDzsEO3vS7DzJgVaLEHIMDGK8fc26Fnq4cYzLPdYjn2sa4baGbTHy5gXJtmgLi6WwsqQql7YAr7geuvJ4OwdracwD9INJ8jyh2iP\/1uMnY2\/aydf4E9mYD+wiM1CywLeIzgSMmZcDPB7yYDRwiMF4ui7CxuVf8LGTIw\/8i7j6toV1+AsCr2io=\" \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>ECharts in VPasCode bearbeiten<\/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>Feinabstimmung von Layout und Abstand<\/h2>\n<p>Die Steuerung der Balkenabst\u00e4nde entlang der vertikalen Y-Achse ist entscheidend, um eine saubere Trennung zwischen Kategoriebl\u00f6cken zu gew\u00e4hrleisten.<\/p>\n<h3>1. Vertikale Innengaps und Kategorienabst\u00e4nde<\/h3>\n<p>Passen Sie die Abstandsattribute an, um sicherzustellen, dass die Serienbalken ordentlich gruppiert sind, ohne in benachbarte Kategorieguppen zu verschwimmen:<\/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>ECharts in VPasCode bearbeiten<\/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:eNqNUstOwzAQvCPxD76gXFI1CQShIA4plRCiEtwrDutmm1p1N5Ht0Afqv2OTlNQFBHvIY3Y8Mxmlqo2oiN2x9\/MzZqdUosgOL24kzk3GgiS6CMIeVaJcODj24VlFBgRNgKPMmFENtrt9x5FYIvn6BRjI2DQYgUYpCIOQBc821EqgMsGrf36Tb4T2jpttjTbHG8gGA5+8\/Y08A4NlpbbHyQ8x8pfHQU5mXSmzQ2FcmrGlEwdaAp8rKHEwhgaV2+RaoxlMoMBP7klYjUqgDTDtXY6yuCFYuTz9p\/vrLi4Hdbqx0APUrv\/U9n+8GQ5ZzrUBKthuLfRsgcRGIJf2JohQLUByVqCyjtxiT20VAr\/p33cltT5XUefzk\/6XSNnUNZIv1RV7mUYhi2\/sJU2i156yD\/9qp\/0Zdlj8v57OM06s3XUasiT2LNtHi+xvPwBRP7xP\" \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', 'Optimiert']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['API-Antwortzeit', 'Datenbankabfrage-Dauer', 'Asset-Ladezeit']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Baseline',\r\n            type: 'bar',\r\n            barGap: '15%',            \/\/ Abstand zwischen Balken innerhalb derselben Kategorie\r\n            barCategoryGap: '40%',    \/\/ Abstand zwischen Kategorieguppen\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:eNqNUstOwzAQvCPxD76gXFI1CQShIA4plRCiEtwrDutmm1p1N5Ht0Afqv2OTlNQFBHvIY3Y8Mxmlqo2oiN2x9\/MzZqdUosgOL24kzk3GgiS6CMIeVaJcODj24VlFBgRNgKPMmFENtrt9x5FYIvn6BRjI2DQYgUYpCIOQBc821EqgMsGrf36Tb4T2jpttjTbHG8gGA5+8\/Y08A4NlpbbHyQ8x8pfHQU5mXSmzQ2FcmrGlEwdaAp8rKHEwhgaV2+RaoxlMoMBP7klYjUqgDTDtXY6yuCFYuTz9p\/vrLi4Hdbqx0APUrv\/U9n+8GQ5ZzrUBKthuLfRsgcRGIJf2JohQLUByVqCyjtxiT20VAr\/p33cltT5XUefzk\/6XSNnUNZIv1RV7mUYhi2\/sJU2i156yD\/9qp\/0Zdlj8v57OM06s3XUasiT2LNtHi+xvPwBRP7xP\" \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>ECharts in VPasCode bearbeiten<\/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>Strategische Best Practices<\/h2>\n<ul>\n<li><strong>Halten Sie die Gruppen fokussiert:<\/strong>Bleiben Sie bei maximal drei oder vier Serien pro Kategorie. Dar\u00fcber hinaus sind gestapelte oder mehrfach angeordnete Diagramme besser geeignet, um vertikalen visuellen \u00dcberhang zu vermeiden.<\/li>\n<li><strong>Weisen Sie ausreichenden Y-Achsen-Abstand zu:<\/strong>Gruppierte horizontale Diagramme beanspruchen erhebliche vertikale H\u00f6he. Erh\u00f6hen Sie die H\u00f6he des Containers oder passen Sie <code>grid.left<\/code> an, um Textabk\u00fcrzungen zu vermeiden.<\/li>\n<li><strong>Konsistente Reihenfolge der Metriken:<\/strong> Stellen Sie sicher, dass die Reihenfolge der Serien in Ihrem Code der nat\u00fcrlichen Abfolge Ihrer Erz\u00e4hlung entspricht (z.\u202fB. historisches Jahr zuerst, aktuelles Jahr zweitens).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Der Vergleich sekund\u00e4rer Metriken \u00fcber lange Kategoriennamen wird am besten mit einemGruppiertes Balkendiagramm. Durch die Anordnung verwandter horizontaler Balken nebeneinander entlang der Y-Achse erm\u00f6glicht diese Anordnung es Benutzern, Leistungsmetriken \u00fcber mehrere Kategorien hinweg zu scannen, ohne die Lesbarkeit der Beschriftungen&#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-2073","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\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de\/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=\"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\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/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\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/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\\\/de\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/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\\\/de\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-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\":\"Gruppiertes Balkendiagramm: Horizontale Mehrreihenvergleich\"}]},{\"@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 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\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_locale":"de_DE","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\/de\/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":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","url":"https:\/\/www.vpascode.com\/de\/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\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/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\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/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\/de\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-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":"Gruppiertes Balkendiagramm: Horizontale Mehrreihenvergleich"}]},{"@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\/2073","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"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2073"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}