{"id":2071,"date":"2026-07-27T01:43:45","date_gmt":"2026-07-27T01:43:45","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/"},"modified":"2026-07-27T01:43:45","modified_gmt":"2026-07-27T01:43:45","slug":"stacked-area-chart-cumulative-trends-and-contribution-analysis-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","title":{"rendered":"Graphique en aires empil\u00e9es : tendances cumul\u00e9es et analyse des contributions"},"content":{"rendered":"

Lorsque vous devez suivre \u00e0 la fois le volume total global et les contributions individuelles des sous-composants au fil du temps, le Graphique en aires empil\u00e9es<\/strong> est l’outil de visualisation id\u00e9al. Le remplissage des aires empil\u00e9es verticalement cr\u00e9e une vue composite continue o\u00f9 la ligne sup\u00e9rieure repr\u00e9sente le total cumul\u00e9, tandis que la largeur de chaque bande individuelle montre les contributions variables des sous-cat\u00e9gories, par exemple le trafic web total r\u00e9parti par moteur de recherche, organique et canaux de r\u00e9f\u00e9rencement direct sur plusieurs mois.<\/p>\n

Le fonctionnement des graphiques en aires empil\u00e9es<\/h2>\n

Les graphiques en aires empil\u00e9es combinent les configurations de s\u00e9ries en ligne avec des attributs correspondants stack<\/code> attributs. Lorsque le moteur de rendu d\u00e9tecte des identifiants stack<\/code> identiques sur plusieurs s\u00e9ries avec type : 'line'<\/code> et areaStyle<\/code> actifs, il empile chaque point de donn\u00e9es s\u00e9quentiellement au-dessus du chemin de ligne de la s\u00e9rie pr\u00e9c\u00e9dente le long de l’axe vertical Y.<\/p>\n

1. Configuration essentielle<\/h3>\n

Pour construire un graphique en aires empil\u00e9es de base, d\u00e9finissez un axe X continu, d\u00e9finissez type : 'line'<\/code> sur chaque s\u00e9rie, activez areaStyle<\/code>, et attribuez un identifiant identique stack<\/code> \u00e0 toutes les s\u00e9ries :<\/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: 'cross' }\r\n    },\r\n    legend: {\r\n        data: ['Email', 'Union Ads', 'Video Ads', 'Direct']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        boundaryGap: false,\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: 'Email',\r\n            type: 'line',\r\n            stack: 'Total',\r\n            areaStyle: {},\r\n            data: [120, 132, 101, 134, 90, 230, 210]\r\n        },\r\n        {\r\n            name: 'Union Ads',\r\n            type: 'line',\r\n            stack: 'Total',\r\n            areaStyle: {},\r\n            data: [220, 182, 191, 234, 290, 330, 310]\r\n        },\r\n        {\r\n            name: 'Video Ads',\r\n            type: 'line',\r\n            stack: 'Total',\r\n            areaStyle: {},\r\n            data: [150, 232, 201, 154, 190, 330, 410]\r\n        },\r\n        {\r\n            name: 'Direct',\r\n            type: 'line',\r\n            stack: 'Total',\r\n            areaStyle: {},\r\n            data: [320, 332, 301, 334, 390, 330, 320]\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 aires empil\u00e9es peuvent \u00eatre configur\u00e9s pour se concentrer soit sur la croissance cumul\u00e9e globale, soit sur les variations proportionnelles relatives au fil du temps.<\/p>\n
1. Graphique en aires en pourcentage normalis\u00e9 \u00e0 100 %<\/h3>\n
Lorsque vous \u00e9valuez les variations proportionnelles plut\u00f4t que le volume total cumul\u00e9 au fil du temps, normalisez votre jeu de donn\u00e9es \u00e0 100 % par point temporel horizontal :<\/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        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        boundaryGap: false,\r\n        data: ['2023', '2024', '2025', '2026']\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: 'line',\r\n            stack: 'percent',\r\n            smooth: true,\r\n            areaStyle: {},\r\n            data: [65, 55, 48, 40]\r\n        },\r\n        {\r\n            name: 'Mobile',\r\n            type: 'line',\r\n            stack: 'percent',\r\n            smooth: true,\r\n            areaStyle: {},\r\n            data: [25, 35, 42, 50]\r\n        },\r\n        {\r\n            name: 'Tablette',\r\n            type: 'line',\r\n            stack: 'percent',\r\n            smooth: true,\r\n            areaStyle: {},\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
Affinage du layout et du style<\/h2>\n
Puisque les zones empil\u00e9es couvrent enti\u00e8rement l’arri\u00e8re-plan, ajuster l’opacit\u00e9 du remplissage et les traits de ligne aide \u00e0 maintenir les couches individuelles claires et lisibles.<\/p>\n
1. Opacit\u00e9 personnalis\u00e9e des couches et s\u00e9parateurs de bord<\/h3>\n
D\u00e9finir des traits de ligne solides sur des remplissages de zones l\u00e9g\u00e8rement translucides cr\u00e9e des fronti\u00e8res visuelles nettes entre les bandes empil\u00e9es adjacentes :<\/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    },\r\n    xAxis: {\r\n        type: 'category',\r\n        boundaryGap: false,\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\n            type: 'line',\r\n            stack: 'volume',\r\n            smooth: true,\r\n            lineStyle: { width: 2, color: '#5470c6' },\r\n            areaStyle: { color: '#5470c6', opacity: 0.7 },\r\n            data: [120, 150, 180, 210]\r\n        },\r\n        {\r\n            name: 'Produit B',\r\n            type: 'line',\r\n            stack: 'volume',\r\n            smooth: true,\r\n            lineStyle: { width: 2, color: '#91cc75' },\r\n            areaStyle: { color: '#91cc75', opacity: 0.7 },\r\n            data: [220, 280, 250, 310]\r\n        },\r\n        {\r\n            name: 'Produit C',\r\n            type: 'line',\r\n            stack: 'volume',\r\n            smooth: true,\r\n            lineStyle: { width: 2, color: '#fac858' },\r\n            areaStyle: { color: '#fac858', opacity: 0.7 },\r\n            data: [150, 190, 220, 260]\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
  • Ancrez les s\u00e9ries stables en bas :<\/strong>Placez la s\u00e9rie la plus grande ou la moins volatile en bas de la pile afin d’\u00e9tablir une base pr\u00e9visible pour les bandes situ\u00e9es au-dessus.<\/li>\n
  • Limitez le nombre de bandes :<\/strong>Empiler plus de 4 \u00e0 5 s\u00e9ries rend les bandes du milieu difficiles \u00e0 \u00e9valuer avec pr\u00e9cision. Pensez \u00e0 regrouper les cat\u00e9gories mineures dans une cat\u00e9gorie \u00ab Autres \u00bb.<\/li>\n
  • Utilisez axisPointer: { type: 'cross' }<\/code>:<\/strong>Combiner les rep\u00e8res de survol crois\u00e9s avec un infobulle continue rend le rep\u00e9rage des valeurs de date sp\u00e9cifiques \u00e0 travers des empilements verticaux denses simple.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Lorsque vous devez suivre \u00e0 la fois le volume total global et les contributions individuelles des sous-composants au fil du temps, le Graphique en aires empil\u00e9es est l’outil de visualisation id\u00e9al. Le remplissage des aires empil\u00e9es verticalement cr\u00e9e une vue…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":7,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2071","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Stacked Area Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a 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\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Stacked Area Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-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_6a66ba04a42e8.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\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\",\"name\":\"ECharts Stacked Area 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-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ba04a42e8.png\",\"datePublished\":\"2026-07-27T01:43:45+00:00\",\"description\":\"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ba04a42e8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ba04a42e8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-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 aires empil\u00e9es : tendances cumul\u00e9es et analyse des contributions\"}]},{\"@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 Area Chart | VPasCode Text to Diagram Guide","description":"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a 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\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","og_locale":"fr_FR","og_type":"article","og_title":"ECharts Stacked Area Chart | VPasCode Text to Diagram Guide","og_description":"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ba04a42e8.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\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","name":"ECharts Stacked Area 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-area-chart-cumulative-trends-and-contribution-analysis-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ba04a42e8.png","datePublished":"2026-07-27T01:43:45+00:00","description":"Show total trends across multiple categories using ECharts stacked area charts in VPasCode, a text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ba04a42e8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ba04a42e8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-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 aires empil\u00e9es : tendances cumul\u00e9es et analyse des contributions"}]},{"@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\/2071","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=2071"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}