{"id":2063,"date":"2026-07-27T01:43:45","date_gmt":"2026-07-27T01:43:45","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/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\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","title":{"rendered":"Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng: Ph\u00e2n t\u00edch xu h\u01b0\u1edbng t\u00edch l\u0169y v\u00e0 \u0111\u00f3ng g\u00f3p"},"content":{"rendered":"

Khi b\u1ea1n c\u1ea7n theo d\u00f5i c\u1ea3 t\u1ed5ng th\u1ec3 t\u00edch t\u1ed5ng th\u1ec3 v\u00e0 \u0111\u00f3ng g\u00f3p c\u1ee7a t\u1eebng th\u00e0nh ph\u1ea7n con ri\u00eang l\u1ebb theo th\u1eddi gian, th\u00ecBi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng<\/strong> l\u00e0 c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a l\u00fd t\u01b0\u1edfng. Vi\u1ec7c ch\u1ed3ng c\u00e1c v\u00f9ng theo chi\u1ec1u d\u1ecdc t\u1ea1o ra m\u1ed9t c\u00e1i nh\u00ecn li\u00ean t\u1ee5c t\u1ed5ng h\u1ee3p, trong \u0111\u00f3 \u0111\u01b0\u1eddng n\u1eb1m tr\u00ean c\u00f9ng \u0111\u1ea1i di\u1ec7n cho t\u1ed5ng c\u1ed9ng, trong khi \u0111\u1ed9 r\u1ed9ng c\u1ee7a t\u1eebng d\u1ea3i ri\u00eang l\u1ebb cho th\u1ea5y s\u1ef1 thay \u0111\u1ed5i trong \u0111\u00f3ng g\u00f3p c\u1ee7a c\u00e1c nh\u00f3m con, v\u00ed d\u1ee5 nh\u01b0 l\u01b0\u1ee3ng truy c\u1eadp web t\u1ed5ng th\u1ec3 \u0111\u01b0\u1ee3c ph\u00e2n theo c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm, h\u1eefu c\u01a1 v\u00e0 k\u00eanh gi\u1edbi thi\u1ec7u tr\u1ef1c ti\u1ebfp trong v\u00e0i th\u00e1ng.<\/p>\n

C\u01a1 ch\u1ebf c\u1ee7a bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng<\/h2>\n

Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng k\u1ebft h\u1ee3p c\u1ea5u h\u00ecnh chu\u1ed7i \u0111\u01b0\u1eddng v\u1edbi thu\u1ed9c t\u00ednh stack<\/code>t\u01b0\u01a1ng \u1ee9ng. Khi b\u1ed9 x\u1eed l\u00fd hi\u1ec3n th\u1ecb ph\u00e1t hi\u1ec7n c\u00e1c \u0111\u1ecbnh danh stack<\/code>gi\u1ed1ng nhau tr\u00ean nhi\u1ec1u chu\u1ed7i c\u00f3 type: 'line'<\/code> v\u00e0 areaStyle<\/code> ho\u1ea1t \u0111\u1ed9ng, n\u00f3 s\u1ebd ch\u1ed3ng t\u1eebng \u0111i\u1ec3m d\u1eef li\u1ec7u l\u1ea7n l\u01b0\u1ee3t ph\u00eda tr\u00ean \u0111\u01b0\u1eddng \u0111i c\u1ee7a chu\u1ed7i tr\u01b0\u1edbc \u0111\u00f3 d\u1ecdc theo tr\u1ee5c Y th\u1eb3ng \u0111\u1ee9ng.<\/p>\n

1. C\u00e0i \u0111\u1eb7t c\u01a1 b\u1ea3n<\/h3>\n

\u0110\u1ec3 x\u00e2y d\u1ef1ng bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng c\u01a1 b\u1ea3n, x\u00e1c \u0111\u1ecbnh tr\u1ee5c X li\u00ean t\u1ee5c, \u0111\u1eb7t type: 'line'<\/code> tr\u00ean m\u1ed7i chu\u1ed7i, b\u1eadt ch\u1ee9c n\u0103ng areaStyle<\/code>, v\u00e0 g\u00e1n m\u1ed9t \u0111\u1ecbnh danh gi\u1ed1ng nhau stack<\/code>cho t\u1ea5t c\u1ea3 c\u00e1c chu\u1ed7i:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda ECharts trong 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', 'Qu\u1ea3ng c\u00e1o Li\u00ean minh', 'Qu\u1ea3ng c\u00e1o Video', 'Tr\u1ef1c ti\u1ebfp']\r\n    },\r\n    xAxis: {\r\n        type: 'category',\r\n        boundaryGap: false,\r\n        data: ['Th\u1ee9 Hai', 'Th\u1ee9 Ba', 'Th\u1ee9 T\u01b0', 'Th\u1ee9 N\u0103m', 'Th\u1ee9 S\u00e1u', 'Th\u1ee9 B\u1ea3y', 'Ch\u1ee7 Nh\u1eadt']\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: 'T\u1ed5ng',\r\n            areaStyle: {},\r\n            data: [120, 132, 101, 134, 90, 230, 210]\r\n        },\r\n        {\r\n            name: 'Qu\u1ea3ng c\u00e1o Li\u00ean minh',\r\n            type: 'line',\r\n            stack: 'T\u1ed5ng',\r\n            areaStyle: {},\r\n            data: [220, 182, 191, 234, 290, 330, 310]\r\n        },\r\n        {\r\n            name: 'Qu\u1ea3ng c\u00e1o Video',\r\n            type: 'line',\r\n            stack: 'T\u1ed5ng',\r\n            areaStyle: {},\r\n            data: [150, 232, 201, 154, 190, 330, 410]\r\n        },\r\n        {\r\n            name: 'Tr\u1ef1c ti\u1ebfp',\r\n            type: 'line',\r\n            stack: 'T\u1ed5ng',\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>
\nCh\u1ec9nh s\u1eeda ECharts trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
C\u00e1c k\u1ef9 thu\u1eadt c\u1ea5u tr\u00fac n\u00e2ng cao<\/h2>\n
Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh \u0111\u1ec3 t\u1eadp trung v\u00e0o t\u0103ng tr\u01b0\u1edfng t\u00edch l\u0169y t\u1ed5ng th\u1ec3 ho\u1eb7c c\u00e1c thay \u0111\u1ed5i t\u1ef7 l\u1ec7 t\u01b0\u01a1ng \u0111\u1ed1i theo th\u1eddi gian.<\/p>\n
1. Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ph\u1ea7n tr\u0103m chu\u1ea9n h\u00f3a 100%<\/h3>\n
Khi \u0111\u00e1nh gi\u00e1 c\u00e1c thay \u0111\u1ed5i t\u1ef7 l\u1ec7 thay v\u00ec t\u1ed5ng th\u1ec3 t\u00edch t\u00edch l\u0169y theo th\u1eddi gian, h\u00e3y chu\u1ea9n h\u00f3a b\u1ed9 d\u1eef li\u1ec7u c\u1ee7a b\u1ea1n v\u1ec1 100% t\u1ea1i m\u1ed7i \u0111i\u1ec3m th\u1eddi gian ngang:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda ECharts trong 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: ['M\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n', 'Di \u0111\u1ed9ng', 'M\u00e1y t\u00ednh b\u1ea3ng']\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: 'M\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n',\r\n            type: 'line',\r\n            stack: 'ph\u1ea7n tr\u0103m',\r\n            smooth: true,\r\n            areaStyle: {},\r\n            data: [65, 55, 48, 40]\r\n        },\r\n        {\r\n            name: 'Di \u0111\u1ed9ng',\r\n            type: 'line',\r\n            stack: 'ph\u1ea7n tr\u0103m',\r\n            smooth: true,\r\n            areaStyle: {},\r\n            data: [25, 35, 42, 50]\r\n        },\r\n        {\r\n            name: 'M\u00e1y t\u00ednh b\u1ea3ng',\r\n            type: 'line',\r\n            stack: 'ph\u1ea7n tr\u0103m',\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>
\nCh\u1ec9nh s\u1eeda ECharts trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Tinh ch\u1ec9nh b\u1ed1 c\u1ee5c v\u00e0 \u0111\u1ecbnh d\u1ea1ng<\/h2>\n
V\u00ec c\u00e1c v\u00f9ng ch\u1ed3ng l\u00ean nhau che ho\u00e0n to\u00e0n n\u1ec1n, vi\u1ec7c \u0111i\u1ec1u ch\u1ec9nh \u0111\u1ed9 m\u1edd c\u1ee7a ph\u1ea7n \u0111i\u1ec1n v\u00e0 n\u00e9t v\u1ebd \u0111\u01b0\u1eddng gi\u00fap c\u00e1c l\u1edbp ri\u00eang l\u1ebb v\u1eabn r\u00f5 r\u00e0ng v\u00e0 d\u1ec5 \u0111\u1ecdc.<\/p>\n
1. \u0110\u1ed9 m\u1edd l\u1edbp t\u00f9y ch\u1ec9nh v\u00e0 c\u00e1c \u0111\u01b0\u1eddng ph\u00e2n c\u00e1ch vi\u1ec1n<\/h3>\n
\u0110\u1eb7t c\u00e1c n\u00e9t v\u1ebd \u0111\u01b0\u1eddng li\u1ec1n tr\u00ean c\u00e1c v\u00f9ng \u0111i\u1ec1n trong su\u1ed1t nh\u1eb9 t\u1ea1o ra c\u00e1c ranh gi\u1edbi th\u1ecb gi\u00e1c r\u00f5 r\u00e0ng gi\u1eefa c\u00e1c d\u1ea3i ch\u1ed3ng l\u00ean nhau k\u1ec1 nhau:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda ECharts trong 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: ['Q1', 'Q2', 'Q3', 'Q4']\r\n    },\r\n    yAxis: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'S\u1ea3n ph\u1ea9m A',\r\n            type: 'line',\r\n            stack: 'kh\u1ed1i l\u01b0\u1ee3ng',\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: 'S\u1ea3n ph\u1ea9m B',\r\n            type: 'line',\r\n            stack: 'kh\u1ed1i l\u01b0\u1ee3ng',\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: 'S\u1ea3n ph\u1ea9m C',\r\n            type: 'line',\r\n            stack: 'kh\u1ed1i l\u01b0\u1ee3ng',\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>
\nCh\u1ec9nh s\u1eeda ECharts trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t chi\u1ebfn l\u01b0\u1ee3c<\/h2>\n
    \n
  • C\u1ed1 \u0111\u1ecbnh c\u00e1c chu\u1ed7i \u1ed5n \u0111\u1ecbnh \u1edf d\u01b0\u1edbi c\u00f9ng:<\/strong>\u0110\u1eb7t chu\u1ed7i l\u1edbn nh\u1ea5t ho\u1eb7c \u00edt bi\u1ebfn \u0111\u1ed9ng nh\u1ea5t \u1edf d\u01b0\u1edbi c\u00f9ng c\u1ee7a ch\u1ed3ng \u0111\u1ec3 t\u1ea1o ra m\u1ed9t n\u1ec1n t\u1ea3ng d\u1ef1 \u0111o\u00e1n \u0111\u01b0\u1ee3c cho c\u00e1c d\u1ea3i \u1edf ph\u00eda tr\u00ean n\u00f3.<\/li>\n
  • Gi\u1edbi h\u1ea1n s\u1ed1 l\u01b0\u1ee3ng d\u1ea3i:<\/strong>Ch\u1ed3ng h\u01a1n 4 \u0111\u1ebfn 5 chu\u1ed7i s\u1ebd khi\u1ebfn c\u00e1c d\u1ea3i \u1edf gi\u1eefa kh\u00f3 \u0111\u00e1nh gi\u00e1 ch\u00ednh x\u00e1c. H\u00e3y c\u00e2n nh\u1eafc nh\u00f3m c\u00e1c danh m\u1ee5c nh\u1ecf v\u00e0o danh m\u1ee5c ‘Kh\u00e1c’.<\/li>\n
  • S\u1eed d\u1ee5ng axisPointer: { type: 'cross' }<\/code>:<\/strong>K\u1ebft h\u1ee3p c\u00e1c \u0111\u01b0\u1eddng ch\u00e9o di chu\u1ed9t v\u1edbi tooltip li\u00ean t\u1ee5c gi\u00fap x\u00e1c \u0111\u1ecbnh ch\u00ednh x\u00e1c c\u00e1c gi\u00e1 tr\u1ecb ng\u00e0y c\u1ee5 th\u1ec3 tr\u00ean c\u00e1c ch\u1ed3ng d\u1ecdc d\u00e0y \u0111\u1eb7c tr\u1edf n\u00ean \u0111\u01a1n gi\u1ea3n.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Khi b\u1ea1n c\u1ea7n theo d\u00f5i c\u1ea3 t\u1ed5ng th\u1ec3 t\u00edch t\u1ed5ng th\u1ec3 v\u00e0 \u0111\u00f3ng g\u00f3p c\u1ee7a t\u1eebng th\u00e0nh ph\u1ea7n con ri\u00eang l\u1ebb theo th\u1eddi gian, th\u00ecBi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng l\u00e0 c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a l\u00fd t\u01b0\u1edfng. Vi\u1ec7c ch\u1ed3ng c\u00e1c v\u00f9ng…<\/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-2063","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\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\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\/vn\/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=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/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\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/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\\\/vn\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/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\\\/vn\\\/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\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng: Ph\u00e2n t\u00edch xu h\u01b0\u1edbng t\u00edch l\u0169y v\u00e0 \u0111\u00f3ng g\u00f3p\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/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\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","og_locale":"vi_VN","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\/vn\/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":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","url":"https:\/\/www.vpascode.com\/vn\/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\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/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\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/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\/vn\/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\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Bi\u1ec3u \u0111\u1ed3 v\u00f9ng ch\u1ed3ng: Ph\u00e2n t\u00edch xu h\u01b0\u1edbng t\u00edch l\u0169y v\u00e0 \u0111\u00f3ng g\u00f3p"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2063"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}