{"id":2067,"date":"2026-07-27T01:43:45","date_gmt":"2026-07-27T01:43:45","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/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\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","title":{"rendered":"Grafik Area Bertumpuk: Tren Kumulatif dan Analisis Kontribusi"},"content":{"rendered":"

Ketika Anda perlu melacak volume total keseluruhan dan kontribusi komponen sub-terpisah seiring waktu, maka Grafik Area Bertumpuk<\/strong> adalah alat visualisasi yang ideal. Pengisian area yang ditumpuk secara vertikal menciptakan tampilan komposit yang berkelanjutan di mana garis paling atas mewakili total agregat, sementara lebar pita individu menunjukkan perubahan kontribusi sub-kategori, seperti lalu lintas web total yang dibagi berdasarkan mesin pencari, organik, dan saluran rujukan langsung selama beberapa bulan.<\/p>\n

Mekanisme Grafik Area Bertumpuk<\/h2>\n

Grafik area bertumpuk menggabungkan konfigurasi seri garis dengan atribut stack<\/code> yang sesuai. Ketika mesin rendering mendeteksi identifikasi stack<\/code> yang sama di seluruh seri yang memiliki type: 'line'<\/code> dan areaStyle<\/code> aktif, maka setiap titik data akan ditumpuk secara berurutan di atas jalur garis seri sebelumnya sepanjang sumbu Y vertikal.<\/p>\n

1. Pengaturan Dasar<\/h3>\n

Untuk membuat grafik area bertumpuk dasar, tentukan sumbu X yang kontinu, atur type: 'line'<\/code> pada setiap seri, aktifkan areaStyle<\/code>, dan berikan identifikasi stack<\/code> yang sama di seluruh seri:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit ECharts di 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: ['Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab', 'Min']\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>
\nEdit ECharts di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Teknik Struktural Lanjutan<\/h2>\n
Grafik area bertumpuk dapat dikonfigurasi untuk fokus pada pertumbuhan kumulatif keseluruhan atau pergeseran proporsional relatif seiring waktu.<\/p>\n
1. Grafik Area Persentase yang Dinormalisasi 100%<\/h3>\n
Ketika mengevaluasi pergeseran proporsional alih-alih volume agregat total seiring waktu, normalisasi dataset Anda menjadi 100% per titik waktu horisontal:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit ECharts di 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: ['Desktop', 'Mobile', 'Tablet']\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: 'Desktop',\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: 'Tablet',\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>
\nEdit ECharts di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Penyesuaian Tata Letak dan Gaya<\/h2>\n
Karena area yang ditumpuk sepenuhnya menutupi latar belakang, menyesuaikan opasitas isian dan garis batas membantu menjaga setiap lapisan tetap jelas dan mudah dibaca.<\/p>\n
1. Opasitas Lapisan Kustom dan Pemisah Batas<\/h3>\n
Menetapkan garis solid di atas isian area yang sedikit tembus cahaya menciptakan batas visual yang tajam antara pita tumpukan yang bersebelahan:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit ECharts di 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: 'Produk 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: 'Produk 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: 'Produk 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>
\nEdit ECharts di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Praktik Terbaik Strategis<\/h2>\n
    \n
  • Tetapkan Seri Stabil di Bagian Bawah:<\/strong>Tempatkan seri terbesar atau yang paling tidak fluktuatif di bagian bawah tumpukan untuk menetapkan dasar yang dapat diprediksi bagi pita di atasnya.<\/li>\n
  • Batasi Jumlah Pita:<\/strong>Menumpuk lebih dari 4 hingga 5 seri membuat pita tengah sulit dievaluasi secara akurat. Pertimbangkan mengelompokkan kategori kecil ke dalam kategori ‘Lainnya’.<\/li>\n
  • Gunakan axisPointer: { type: 'cross' }<\/code>:<\/strong>Menggabungkan penunjuk silang saat hover dengan tooltip yang terus-menerus membuat menentukan nilai tanggal tertentu di seluruh tumpukan vertikal yang padat menjadi mudah.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Ketika Anda perlu melacak volume total keseluruhan dan kontribusi komponen sub-terpisah seiring waktu, maka Grafik Area Bertumpuk adalah alat visualisasi yang ideal. Pengisian area yang ditumpuk secara vertikal menciptakan tampilan komposit yang berkelanjutan di mana garis paling atas mewakili total…<\/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-2067","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\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\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\/id\/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=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/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\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/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\\\/id\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/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\\\/id\\\/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\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grafik Area Bertumpuk: Tren Kumulatif dan Analisis Kontribusi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/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\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","og_locale":"id_ID","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\/id\/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":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/","url":"https:\/\/www.vpascode.com\/id\/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\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/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\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/stacked-area-chart-cumulative-trends-and-contribution-analysis-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/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\/id\/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\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Grafik Area Bertumpuk: Tren Kumulatif dan Analisis Kontribusi"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2067"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}