{"id":2071,"date":"2026-07-27T01:13:45","date_gmt":"2026-07-27T01:13:45","guid":{"rendered":"https:\/\/www.vpascode.com\/pl\/docs\/uncategorized\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/"},"modified":"2026-07-27T01:13:45","modified_gmt":"2026-07-27T01:13:45","slug":"stacked-bar-chart-horizontal-part-to-whole-breakdown-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/","title":{"rendered":"Wykres s\u0142upkowy skumulowany: poziome podzia\u0142 cz\u0119\u015bci na ca\u0142o\u015b\u0107"},"content":{"rendered":"

Do analizy podzia\u0142\u00f3w sk\u0142adowych mi\u0119dzy pozycjami o d\u0142ugich tytu\u0142ach kategorii, idealnym wyborem jestWykres s\u0142upkowy skumulowany<\/strong> jest idealnym wyborem. Ustawiaj\u0105c segmenty danych poziomo od lewej do prawej wzd\u0142u\u017c osi Y, ta wizualizacja zachowuje czytelno\u015b\u0107 d\u0142ugich etykiet, jednocze\u015bnie pokazuj\u0105czar\u00f3wno ca\u0142kowite sumy kategorii, jak i wewn\u0119trzny podzia\u0142 proporcjonalny<\/em>. Dzia\u0142a wyj\u0105tkowo dobrze przy analizie wynik\u00f3w ankiety demograficznej, alokacji zasob\u00f3w projektu wed\u0142ug dzia\u0142\u00f3w lub wielokana\u0142owych przep\u0142yw\u00f3w konwersji.<\/p>\n

Zasada dzia\u0142ania poziomych s\u0142upk\u00f3w skumulowanych<\/h2>\n

Tworzenie poziomego wykresu skumulowanego polega na u\u017cyciu tej samejstack<\/code>w\u0142a\u015bciwo\u015bci jak wykresy s\u0142upkowe skumulowane, po\u0142\u0105czone z osi\u0105 Y opart\u0105 na kategoriach. Gdy wieletype: 'bar'<\/code>serii dzieli identyczn\u0105stack<\/code>klucz na poziomej orientacji, silnik renderuj\u0105cy akumuluje warto\u015bci od lewej do prawej wzd\u0142u\u017c osi X.<\/p>\n

1. Podstawowa konfiguracja<\/h3>\n

Aby stworzy\u0107 podstawowy wykres s\u0142upkowy skumulowany, ustawyAxis<\/code>natype: 'category'<\/code>, xAxis<\/code>natype: 'value'<\/code>, a przypisz pasuj\u0105cystack<\/code>ci\u0105g do ka\u017cdej serii:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj ECharts w 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: ['In\u017cynieria', 'Produkt', 'Projektowanie', 'Marketing']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Projekt Alpha', 'Projekt Beta', 'Projekt Gamma', 'Projekt Delta']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'In\u017cynieria',\r\n            type: 'bar',\r\n            stack: 'przydzia\u0142',\r\n            data: [320, 302, 301, 334]\r\n        },\r\n        {\r\n            name: 'Produkt',\r\n            type: 'bar',\r\n            stack: 'przydzia\u0142',\r\n            data: [120, 132, 101, 134]\r\n        },\r\n        {\r\n            name: 'Projektowanie',\r\n            type: 'bar',\r\n            stack: 'przydzia\u0142',\r\n            data: [220, 182, 191, 234]\r\n        },\r\n        {\r\n            name: 'Marketing',\r\n            type: 'bar',\r\n            stack: 'przydzia\u0142',\r\n            data: [150, 212, 201, 154]\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>
\nEdytuj ECharts w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Zaawansowane techniki strukturalne<\/h2>\n
Stosowane poziome s\u0142upki mog\u0105 by\u0107 skonfigurowane do por\u00f3wnania obj\u0119to\u015bci absolutnych lub znormalizowane, aby pokazywa\u0107 stosunki procentowe mi\u0119dzy kategoriami.<\/p>\n
1. Poziomy wykres s\u0142upkowy znormalizowany do 100%<\/h3>\n
Aby oceni\u0107 stosunki wzgl\u0119dne zamiast liczb absolutnych w d\u0142ugich kategoriach, znormalizuj dane serii tak, aby suma wynosi\u0142a 100% w ka\u017cdym wierszu:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj ECharts w 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: ['Zadowoleni', 'Oboj\u0119tni', 'Niezadowoleni']\r\n    },\r\n    xAxis: {\r\n        type: 'value',\r\n        min: 0,\r\n        max: 100,\r\n        axisLabel: { formatter: '{value}%' }\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: [\r\n            'Sukces klienc\u00f3w korporacyjnych',\r\n            'Wsparcie dla rynku \u015brednich firm',\r\n            'Samodzielna integracja'\r\n        ]\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Zadowoleni',\r\n            type: 'bar',\r\n            stack: 'feedback',\r\n            data: [75, 60, 45]\r\n        },\r\n        {\r\n            name: 'Oboj\u0119tni',\r\n            type: 'bar',\r\n            stack: 'feedback',\r\n            data: [18, 25, 35]\r\n        },\r\n        {\r\n            name: 'Niezadowoleni',\r\n            type: 'bar',\r\n            stack: 'feedback',\r\n            data: [7, 15, 20]\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>
\nEdytuj ECharts w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Dok\u0142adna dostosowanie uk\u0142adu i stylizacji<\/h2>\n
Czyste granice wizualne i zaokr\u0105glone ko\u0144c\u00f3wki zewn\u0119trzne nadaj\u0105 poziomym s\u0142upkom stosowanym wygl\u0105d nowoczesny i wyko\u0144czony.<\/p>\n
1. Oddzielenie segment\u00f3w i zaokr\u0105glenie ko\u0144c\u00f3w zewn\u0119trznych<\/h3>\n
Zastosuj cienkie pionowe linie graniczne, aby oddzieli\u0107 wewn\u0119trzne segmenty, a stylizacj\u0119 promienia naro\u017cnika ogranicz tylko do ostatniego segmentu po prawej stronie:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdytuj ECharts w 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    grid: {\r\n        left: '15%',\r\n        right: '10%',\r\n        containLabel: true\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Bud\u017cet Q1', 'Bud\u017cet Q2', 'Bud\u017cet Q3', 'Bud\u017cet Q4']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Koszty sta\u0142e',\r\n            type: 'bar',\r\n            stack: 'budget',\r\n            data: [400, 420, 410, 430],\r\n            itemStyle: {\r\n                color: '#5470c6',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            name: 'Koszty zmienne',\r\n            type: 'bar',\r\n            stack: 'budget',\r\n            data: [200, 250, 220, 280],\r\n            itemStyle: {\r\n                color: '#91cc75',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            name: 'Wolne wydatki',\r\n            type: 'bar',\r\n            stack: 'budget',\r\n            data: [100, 150, 130, 190],\r\n            itemStyle: {\r\n                color: '#fac858',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1,\r\n                borderRadius: [0, 6, 6, 0] \/\/ Zaokr\u0105glone naro\u017cniki na ko\u0144c\u00f3wce po prawej stronie\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>
\nEdytuj ECharts w VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Strategiczne najlepsze praktyki<\/h2>\n
    \n
  • Pierwszy segment bazowy:<\/strong>Segment najbardziej zbli\u017cony do osi Y jest naj\u0142atwiejszy do por\u00f3wnania mi\u0119dzy kategoriami. Zawsze umieszczaj najwa\u017cniejszy element jako pierwszy obiekt serii.<\/li>\n
  • Ogranicz liczba sk\u0142adnik\u00f3w stosowanych:<\/strong>Utrzymuj \u0142\u0105czn\u0105 liczb\u0119 segment\u00f3w stosowanych na poziomie 5 lub mniej na s\u0142upku, aby zapewni\u0107 jasn\u0105 analiz\u0119 wizualn\u0105 bez przesycenia widza.<\/li>\n
  • Etykiety tekstowe wewn\u0105trz s\u0142upka:<\/strong> Dla poziomych s\u0142upk\u00f3w stosowanych z szerokimi segmentami rozwa\u017c w\u0142\u0105czenielabel: { show: true, position: 'inside' }<\/code>aby umo\u017cliwi\u0107 odczytanie warto\u015bci poszczeg\u00f3lnych segment\u00f3w bez u\u017cycia podpowiedzi przy najechaniu kursorem.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Do analizy podzia\u0142\u00f3w sk\u0142adowych mi\u0119dzy pozycjami o d\u0142ugich tytu\u0142ach kategorii, idealnym wyborem jestWykres s\u0142upkowy skumulowany jest idealnym wyborem. Ustawiaj\u0105c segmenty danych poziomo od lewej do prawej wzd\u0142u\u017c osi Y, ta wizualizacja zachowuje czytelno\u015b\u0107 d\u0142ugich etykiet, jednocze\u015bnie pokazuj\u0105czar\u00f3wno ca\u0142kowite sumy kategorii,…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":4,"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 Bar Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code 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\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Stacked Bar Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-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_6a66b11b508fe.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/\",\"name\":\"ECharts Stacked Bar Chart | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b11b508fe.png\",\"datePublished\":\"2026-07-27T01:13:45+00:00\",\"description\":\"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b11b508fe.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b11b508fe.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wykres s\u0142upkowy skumulowany: poziome podzia\u0142 cz\u0119\u015bci na ca\u0142o\u015b\u0107\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Stacked Bar Chart | VPasCode Text to Diagram Guide","description":"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code 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\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/","og_locale":"pl_PL","og_type":"article","og_title":"ECharts Stacked Bar Chart | VPasCode Text to Diagram Guide","og_description":"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b11b508fe.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"2 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/","url":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/","name":"ECharts Stacked Bar Chart | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b11b508fe.png","datePublished":"2026-07-27T01:13:45+00:00","description":"Script stacked horizontal bar visuals from raw data with ECharts in VPasCode, a diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b11b508fe.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b11b508fe.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/stacked-bar-chart-horizontal-part-to-whole-breakdown-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/pl\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Wykres s\u0142upkowy skumulowany: poziome podzia\u0142 cz\u0119\u015bci na ca\u0142o\u015b\u0107"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/pl\/#website","url":"https:\/\/www.vpascode.com\/pl\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/pl\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.vpascode.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/pl\/wp-content\/uploads\/sites\/9\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/pl\/wp-content\/uploads\/sites\/9\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_docs\/2071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/media?parent=2071"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_collection?post=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}