{"id":2075,"date":"2026-07-27T01:00:58","date_gmt":"2026-07-27T01:00:58","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","title":{"rendered":"Graphique en barres group\u00e9es : comparaison horizontale multi-s\u00e9ries"},"content":{"rendered":"<p>Comparer des m\u00e9triques secondaires sur des noms de cat\u00e9gories longs est mieux g\u00e9r\u00e9 avec un <strong>Graphique en barres group\u00e9es<\/strong>. En pla\u00e7ant les barres horizontales associ\u00e9es c\u00f4te \u00e0 c\u00f4te le long de l&#8217;axe Y, ce layout permet aux utilisateurs d&#8217;analyser les m\u00e9triques de performance \u00e0 travers plusieurs cat\u00e9gories sans sacrifier la lisibilit\u00e9 des \u00e9tiquettes. Il constitue un choix efficace pour les d\u00e9compositions budg\u00e9taires sur plusieurs ann\u00e9es, les comparaisons de fonctionnalit\u00e9s de produits ou les rep\u00e8res de ventes multir\u00e9gionaux, o\u00f9 les \u00e9tiquettes de cat\u00e9gorie n\u00e9cessitent un espace horizontal important.<\/p>\n<h2>Le fonctionnement des barres horizontales group\u00e9es<\/h2>\n<p>Comme les groupes de colonnes verticales, les groupes de barres horizontales sont cr\u00e9\u00e9s en attribuant des \u00e9tiquettes cat\u00e9gorielles identiques \u00e0 l&#8217;axe Y tout en d\u00e9finissant plusieurs s\u00e9ries avec <code>type: 'barre'<\/code>. Le moteur de rendu g\u00e8re automatiquement le regroupement visuel, d\u00e9calant chaque s\u00e9rie dans le bloc de cat\u00e9gorie le long du plan vertical.<\/p>\n<h3>1. Configuration essentielle<\/h3>\n<p>Pour cr\u00e9er un graphique en barres group\u00e9es, attribuez vos cat\u00e9gories discr\u00e8tes \u00e0 <code>yAxis.data<\/code>, pr\u00e9cisez un axe num\u00e9rique <code>xAxis<\/code>, et incluez plusieurs s\u00e9ries de barres :<\/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>Modifier ECharts dans 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:eNqlkM9qhDAQxu+FvsPccvHgun\/YWnroA5SW9rjsIepgQzUJcZSVxQfyOXyxJtVFIxQKDSQk33zM75soTUJJeILr\/R3YRUoVJHR8e\/9oRuQ5mhgYv4iKBXPFvd+UkOSqV6BWo3WpMjHIoBt93eQvhj5HmaHXOuPEYzixKIz2wMmSknroWQBOOSyUs9\/s8mzJfsiR3fCiRuab29\/MKSfMlWmXI90SvWP6icZuQIJs6BsslNZYoiQX74WbLyQhc1durIiVkz9qrZUhSAsxGV\/10BvuPrlaD1GhEWiDnWb6IqNbkpcu5\/p3fNM0TMLNujLNso3CAHZ7e0Qbe2yP4Xn2dcEf6If\/0I+O\/uDoO3fbePTxapXu8RvoxqM9\" \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: 'ombre' }\r\n    },\r\n    l\u00e9gende: {\r\n        data: ['2025 attribu\u00e9', '2026 attribu\u00e9']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Recherche et d\u00e9veloppement', 'Marketing et ventes', 'Support client', 'Op\u00e9rations']\r\n    },\r\n    series: [\r\n        {\r\n            name: '2025 attribu\u00e9',\r\n            type: 'bar',\r\n            data: [320, 450, 210, 380]\r\n        },\r\n        {\r\n            name: '2026 attribu\u00e9',\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:eNqlkM9qhDAQxu+FvsPccvHgun\/YWnroA5SW9rjsIepgQzUJcZSVxQfyOXyxJtVFIxQKDSQk33zM75soTUJJeILr\/R3YRUoVJHR8e\/9oRuQ5mhgYv4iKBXPFvd+UkOSqV6BWo3WpMjHIoBt93eQvhj5HmaHXOuPEYzixKIz2wMmSknroWQBOOSyUs9\/s8mzJfsiR3fCiRuab29\/MKSfMlWmXI90SvWP6icZuQIJs6BsslNZYoiQX74WbLyQhc1durIiVkz9qrZUhSAsxGV\/10BvuPrlaD1GhEWiDnWb6IqNbkpcu5\/p3fNM0TMLNujLNso3CAHZ7e0Qbe2yP4Xn2dcEf6If\/0I+O\/uDoO3fbePTxapXu8RvoxqM9\" \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>Modifier ECharts dans 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>Techniques structurelles avanc\u00e9es<\/h2>\n<p>\u00c9tendre votre graphique \u00e0 trois s\u00e9ries ou plus offre des informations plus riches, \u00e0 condition que la densit\u00e9 visuelle reste facile \u00e0 lire.<\/p>\n<h3>1. Style multi-m\u00e9trique avec des d\u00e9grad\u00e9s de couleurs personnalis\u00e9s<\/h3>\n<p>Appliquez des palettes de couleurs uniques ou des remplissages subtils en d\u00e9grad\u00e9 sur les s\u00e9ries horizontales pour maintenir les groupes distincts lisibles :<\/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>Modifier ECharts dans 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:eNq9kcFOg0AQhu8mvsMmHvbCgaUgUOPBg1eNbeKl4bBdxoaEss2ymBLDA\/kcvpgz0lqWxsQ2xgkZ+HeHnf\/b0Rtb6IrdsrfLC4ZRfryvoMphul+gyKWVU7bgz1BZqNmT4B77FsFQTHjW\/9Z5\/Xt7ty1q5zDbbvB0\/irLBrhb3P5UrKSFlTYt945NzdAxITxok5OVvZ43jryv7VA+NoALI7M1mALQwOLQZeCFopJr8jO4CHd\/53cpzXhnZ1cEvscCH5OIMCV+NqorLKznti3dCexD6VIbbHAVhbGvrsdNKJZ4D2BmMi8aQsEm4dfjZ25td5Cd91vg4HTgkICJWsSY0uhM4FQoFUf\/Djw5HTghYBquSCmJc0f8IlUSJX9F3H9iQXfzCeFX3rE=\" \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    l\u00e9gende: {\r\n        data: ['Ventes Q1', 'Ventes Q2', 'Ventes Q3']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['R\u00e9gion Nord', 'R\u00e9gion Sud', 'R\u00e9gion Est', 'R\u00e9gion Ouest']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Ventes 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: 'Ventes 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: 'Ventes 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:eNq9kcFOg0AQhu8mvsMmHvbCgaUgUOPBg1eNbeKl4bBdxoaEss2ymBLDA\/kcvpgz0lqWxsQ2xgkZ+HeHnf\/b0Rtb6IrdsrfLC4ZRfryvoMphul+gyKWVU7bgz1BZqNmT4B77FsFQTHjW\/9Z5\/Xt7ty1q5zDbbvB0\/irLBrhb3P5UrKSFlTYt945NzdAxITxok5OVvZ43jryv7VA+NoALI7M1mALQwOLQZeCFopJr8jO4CHd\/53cpzXhnZ1cEvscCH5OIMCV+NqorLKznti3dCexD6VIbbHAVhbGvrsdNKJZ4D2BmMi8aQsEm4dfjZ25td5Cd91vg4HTgkICJWsSY0uhM4FQoFUf\/Djw5HTghYBquSCmJc0f8IlUSJX9F3H9iQXfzCeFX3rE=\" \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>Modifier ECharts dans 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>Affinage du layout et de l&#8217;espacement<\/h2>\n<p>G\u00e9rer les espaces entre les barres le long de l&#8217;axe vertical Y est essentiel pour maintenir une s\u00e9paration claire entre les blocs de cat\u00e9gories.<\/p>\n<h3>1. Espaces internes verticaux et marges des cat\u00e9gories<\/h3>\n<p>Ajustez les attributs d&#8217;espacement pour maintenir les barres de s\u00e9rie bien regroup\u00e9es sans qu&#8217;elles se fondent dans les groupes de cat\u00e9gories voisines :<\/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>Modifier ECharts dans 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:eNqNUstOwzAQvCPxD74gXyI1CQShIA7lIYSEBAduVQ\/bZJtaSpxgO6gF9YPa38iPsSZpExcQ7CGyZ8c7s7spKyNKya7Yx\/ERo8iUSOPdxUaOcxMzHvon3OtRJbKFhQMXTkppQMhHmGEeM6NqbHPrjpNjhtKtn4KBmE34NWjMhUTuMf5Epgqhmw2fuu+X46XQznOzqpB8vEFeI3fJq9\/ICRjMSrUaOt\/ZeMGi0ixFpppNVUqN9pzz8fODNXZbE\/wFKXytm61p08Bm0DLTUkpiaEvel0oWoDIsUBq6aQaJEXN92JpGJZDsTnpPA+c2JBTWfT8oN901NwN1mCHoHiq7rYi2NcyMRuxOV5AgI3OKOiF7xFbWZU2WhOz6K5ptQY2AaTY0OYHfBG66mbZCZ34n9KNAXibtXPbltFuvW8Zp5HssuKBPFPrTnrL2\/ppR+wO9Y\/r\/IXWaQUhy55HHwsCRbI+ErC8\/AUnq0TA=\" \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', 'Optimis\u00e9']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Temps de r\u00e9ponse de l'API', 'Dur\u00e9e de requ\u00eate de la base de donn\u00e9es', 'Temps de chargement des actifs']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Baseline',\r\n            type: 'bar',\r\n            barGap: '15%',            \/\/ Espace entre les barres au sein de la m\u00eame cat\u00e9gorie\r\n            barCategoryGap: '40%',    \/\/ Espace entre les blocs de cat\u00e9gories\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:eNqNUstOwzAQvCPxD74gXyI1CQShIA7lIYSEBAduVQ\/bZJtaSpxgO6gF9YPa38iPsSZpExcQ7CGyZ8c7s7spKyNKya7Yx\/ERo8iUSOPdxUaOcxMzHvon3OtRJbKFhQMXTkppQMhHmGEeM6NqbHPrjpNjhtKtn4KBmE34NWjMhUTuMf5Epgqhmw2fuu+X46XQznOzqpB8vEFeI3fJq9\/ICRjMSrUaOt\/ZeMGi0ixFpppNVUqN9pzz8fODNXZbE\/wFKXytm61p08Bm0DLTUkpiaEvel0oWoDIsUBq6aQaJEXN92JpGJZDsTnpPA+c2JBTWfT8oN901NwN1mCHoHiq7rYi2NcyMRuxOV5AgI3OKOiF7xFbWZU2WhOz6K5ptQY2AaTY0OYHfBG66mbZCZ34n9KNAXibtXPbltFuvW8Zp5HssuKBPFPrTnrL2\/ppR+wO9Y\/r\/IXWaQUhy55HHwsCRbI+ErC8\/AUnq0TA=\" \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>Modifier ECharts dans 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>Meilleures pratiques strat\u00e9giques<\/h2>\n<ul>\n<li><strong>Gardez les groupes centr\u00e9s :<\/strong> Restez sur un maximum de 3 ou 4 s\u00e9ries par cat\u00e9gorie. Au-del\u00e0 de cela, les graphiques empil\u00e9s ou \u00e0 plusieurs panneaux sont plus adapt\u00e9s pour \u00e9viter le brouillage visuel vertical.<\/li>\n<li><strong>Allouez une marge Y ad\u00e9quate :<\/strong> Les graphiques horizontaux regroup\u00e9s occupent une hauteur verticale importante. Augmentez la hauteur du conteneur ou ajustez <code>grid.left<\/code> pour \u00e9viter la troncature du texte.<\/li>\n<li><strong>Ordre des m\u00e9triques coh\u00e9rent :<\/strong> Assurez-vous que l&#8217;ordre des s\u00e9ries dans votre code correspond au d\u00e9roulement naturel de votre r\u00e9cit (par exemple, l&#8217;ann\u00e9e historique en premier, l&#8217;ann\u00e9e actuelle en second).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Comparer des m\u00e9triques secondaires sur des noms de cat\u00e9gories longs est mieux g\u00e9r\u00e9 avec un Graphique en barres group\u00e9es. En pla\u00e7ant les barres horizontales associ\u00e9es c\u00f4te \u00e0 c\u00f4te le long de l&#8217;axe Y, ce layout permet aux utilisateurs d&#8217;analyser les&#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-2075","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\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Graphique en barres group\u00e9es : comparaison horizontale multi-s\u00e9ries\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/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\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","url":"https:\/\/www.vpascode.com\/fr\/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\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Graphique en barres group\u00e9es : comparaison horizontale multi-s\u00e9ries"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2075"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}