{"id":2077,"date":"2026-07-24T09:27:56","date_gmt":"2026-07-24T09:27:56","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/stacked-column-chart-part-to-whole-composition-guide\/"},"modified":"2026-07-24T09:27:56","modified_gmt":"2026-07-24T09:27:56","slug":"stacked-column-chart-part-to-whole-composition-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","title":{"rendered":"Graphique en colonnes empil\u00e9es : composition partie-tout"},"content":{"rendered":"

Lors de l’\u00e9valuation de la r\u00e9partition structurelle \u00e0 travers des m\u00e9triques discr\u00e8tes, le Graphique en colonnes empil\u00e9es<\/strong> offre un moyen efficace de visualiser les distributions partie-tout. Contrairement aux dispositions group\u00e9es qui \u00e9talent les s\u00e9ries de donn\u00e9es horizontalement, les graphiques empil\u00e9s accumulent les valeurs verticalement dans une seule limite de colonne. Ce format permet de surveiller facilement la croissance totale des cat\u00e9gories tout en suivant les proportions changeantes des sous-composants internes<\/em>, tels que le trafic des appareils r\u00e9parti par syst\u00e8me d’exploitation ou les r\u00e9partitions des d\u00e9penses trimestrielles entre les d\u00e9partements.<\/p>\n

Le fonctionnement des colonnes empil\u00e9es<\/h2>\n

Les graphiques en colonnes empil\u00e9es reposent sur l’attribution d’un identifiant correspondant empilement<\/code> \u00e0 travers plusieurs s\u00e9ries. Lorsque le moteur de rendu d\u00e9tecte des valeurs identiques de empilement<\/code> sur une s\u00e9rie avec type : 'barre'<\/code>, il empile les valeurs num\u00e9riques s\u00e9quentiellement le long de l’axe vertical Y au lieu de dessiner des colonnes superpos\u00e9es ou c\u00f4te \u00e0 c\u00f4te.<\/p>\n

1. Configuration essentielle<\/h3>\n

Pour cr\u00e9er un graphique en colonnes empil\u00e9es de base, d\u00e9finissez un axe X bas\u00e9 sur des cat\u00e9gories et appliquez une propri\u00e9t\u00e9 commune empilement<\/code> \u00e0 chaque s\u00e9rie dans votre s\u00e9ries<\/code> tableau :<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n ECharts<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit ECharts in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
option = {\r\n    tooltip: {\r\n        trigger: 'axis',\r\n        axisPointer: { type: 'shadow' }\r\n    },\r\n    legend: {\r\n        data: ['Direct', 'Recherche organique', 'Publicit\u00e9s pay\u00e9es', 'R\u00e9f\u00e9rencement']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam', 'Dim']\r\n    },\r\n    yAxis: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Direct',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [120, 132, 101, 134, 90, 230, 210]\r\n        },\r\n        {\r\n            name: 'Recherche organique',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [220, 182, 191, 234, 290, 330, 310]\r\n        },\r\n        {\r\n            name: 'Publicit\u00e9s pay\u00e9es',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [150, 232, 201, 154, 190, 330, 410]\r\n        },\r\n        {\r\n            name: 'R\u00e9f\u00e9rencement',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [98, 77, 101, 99, 40, 120, 110]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Techniques structurelles avanc\u00e9es<\/h2>\n
Les graphiques en colonnes empil\u00e9es peuvent \u00eatre adapt\u00e9s pour afficher des distributions en pourcentage ou des sous-groupes s\u00e9lectifs selon vos besoins analytiques.<\/p>\n
1. Colonnes empil\u00e9es normalis\u00e9es \u00e0 100 %<\/h3>\n
Lorsque votre objectif principal est de comparer les ratios de proportions plut\u00f4t que les totaux num\u00e9riques absolus, convertissez vos valeurs de donn\u00e9es en pourcentages normalis\u00e9s totalisant 100 % par cat\u00e9gorie :<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    tooltip: {\r\n        trigger: 'axis',\r\n        axisPointer: { type: 'shadow' },\r\n        formatter: '{b}\r\n{a0}: {c0}%\r\n{a1}: {c1}%\r\n{a2}: {c2}%'\r\n    },\r\n    legend: {\r\n        data: ['Bureau', 'Mobile', 'Tablette']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['T1', 'T2', 'T3', 'T4']\r\n    },\r\n    yAxis: {\r\n        type: 'value',\r\n        min: 0,\r\n        max: 100,\r\n        axisLabel: { formatter: '{value}%' }\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Bureau',\r\n            type: 'bar',\r\n            stack: 'percentage',\r\n            data: [60, 50, 45, 40]\r\n        },\r\n        {\r\n            name: 'Mobile',\r\n            type: 'bar',\r\n            stack: 'percentage',\r\n            data: [30, 40, 45, 50]\r\n        },\r\n        {\r\n            name: 'Tablette',\r\n            type: 'bar',\r\n            stack: 'percentage',\r\n            data: [10, 10, 10, 10]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
2. Regroupement multi-empilement<\/h3>\n
Vous pouvez combiner le regroupement et l’empilement dans une seule vue en utilisant des identifiants distinctsempilement<\/code>dans les s\u00e9ries. Par exemple, comparez les totaux r\u00e9els aux objectifs, o\u00f9 chacun est compos\u00e9 de sous-composants empil\u00e9s :<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    legend: {\r\n        data: ['Produit A R\u00e9el', 'Produit B R\u00e9el', 'Objectif Produit A', 'Objectif Produit B']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['T1', 'T2', 'T3', 'T4']\r\n    },\r\n    yAxis: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Produit A R\u00e9el',\r\n            type: 'bar',\r\n            stack: 'r\u00e9el',\r\n            data: [120, 150, 180, 200]\r\n        },\r\n        {\r\n            name: 'Produit B R\u00e9el',\r\n            type: 'bar',\r\n            stack: 'r\u00e9el',\r\n            data: [80, 90, 100, 110]\r\n        },\r\n        {\r\n            name: 'Objectif Produit A',\r\n            type: 'bar',\r\n            stack: 'objectif',\r\n            data: [130, 160, 190, 210]\r\n        },\r\n        {\r\n            name: 'Objectif Produit B',\r\n            type: 'bar',\r\n            stack: 'objectif',\r\n            data: [90, 100, 110, 120]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Affinage du layout et du style<\/h2>\n
Un bon aspect visuel est essentiel pour les colonnes empil\u00e9es afin que les segments restent identifiables sans provoquer de fatigue visuelle.<\/p>\n
1. Fronti\u00e8res des segments et extr\u00e9mit\u00e9s arrondies sup\u00e9rieures<\/h3>\n
Appliquez des s\u00e9parateurs de bordures nettes entre les segments empil\u00e9s et limitez le redressement des coins uniquement au segment sup\u00e9rieur de la s\u00e9rie dans l’empilement :<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    ECharts<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
option = {\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['Jan', 'F\u00e9v', 'Mar', 'Avr']\r\n    },\r\n    yAxis: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Couche de base',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [320, 302, 301, 334],\r\n            itemStyle: {\r\n                color: '#4992ff',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            name: 'Couche interm\u00e9diaire',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [120, 132, 101, 134],\r\n            itemStyle: {\r\n                color: '#7cffb2',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            name: 'Couche sup\u00e9rieure',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [220, 182, 191, 234],\r\n            itemStyle: {\r\n                color: '#fddd60',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1,\r\n                borderRadius: [4, 4, 0, 0] \/\/ Coins arrondis uniquement sur le segment sup\u00e9rieur\r\n            }\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier ECharts dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Meilleures pratiques strat\u00e9giques<\/h2>\n
    \n
  • Limitez le nombre de segments :<\/strong>\u00c9vitez d’empiler plus de 4 \u00e0 5 cat\u00e9gories par colonne. Au-del\u00e0 de ce seuil, comparer les segments du milieu entre les colonnes devient visuellement difficile.<\/li>\n
  • Ancrez les \u00e9l\u00e9ments de base en bas :<\/strong>Placez votre m\u00e9trique la plus importante ou votre plus grande sous-composante en premier dans le s\u00e9rie<\/code>tableau afin qu’elle repose directement sur la ligne de base pour un alignement facile.<\/li>\n
  • Utilisez une palette \u00e0 fort contraste ou des bordures :<\/strong>Appliquez des lignes de bordure blanches subtiles entre les segments pour maintenir une distinction claire lorsque les couleurs adjacentes ont des niveaux de contraste similaires.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Lors de l’\u00e9valuation de la r\u00e9partition structurelle \u00e0 travers des m\u00e9triques discr\u00e8tes, le Graphique en colonnes empil\u00e9es offre un moyen efficace de visualiser les distributions partie-tout. Contrairement aux dispositions group\u00e9es qui \u00e9talent les s\u00e9ries de donn\u00e9es horizontalement, les graphiques empil\u00e9s…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":27,"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-2077","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Stacked Column Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\" \/>\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\/stacked-column-chart-part-to-whole-composition-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-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_6a63311b3b009.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=\"3 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\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\",\"name\":\"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\",\"datePublished\":\"2026-07-24T09:27:56+00:00\",\"description\":\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-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 colonnes empil\u00e9es : composition partie-tout\"}]},{\"@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 Stacked Column Chart | VPasCode Text to Diagram Guide","description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","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\/stacked-column-chart-part-to-whole-composition-guide\/","og_locale":"fr_FR","og_type":"article","og_title":"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide","og_description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","name":"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","datePublished":"2026-07-24T09:27:56+00:00","description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-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 colonnes empil\u00e9es : composition partie-tout"}]},{"@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\/2077","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=2077"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}