{"id":2075,"date":"2026-07-24T09:27:56","date_gmt":"2026-07-24T09:27:56","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/stacked-column-chart-part-to-whole-composition-guide\/"},"modified":"2026-07-24T09:27:56","modified_gmt":"2026-07-24T09:27:56","slug":"stacked-column-chart-part-to-whole-composition-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","title":{"rendered":"Gr\u00e1fico de columnas apiladas: composici\u00f3n parte-todo"},"content":{"rendered":"

Al evaluar la descomposici\u00f3n estructural entre m\u00e9tricas discretas, el Gr\u00e1fico de columnas apiladas<\/strong> ofrece una forma eficiente de visualizar distribuciones parte-todo. A diferencia de los dise\u00f1os agrupados que extienden las series de datos horizontalmente, los gr\u00e1ficos apilados acumulan valores verticalmente dentro de un \u00fanico l\u00edmite de columna. Este formato facilita el monitoreo de el crecimiento total de la categor\u00eda mientras se rastrean los cambios en las proporciones de los subcomponentes internos<\/em>, como el tr\u00e1fico de dispositivos dividido por sistema operativo o los desgloses de gastos trimestrales entre departamentos.<\/p>\n

La mec\u00e1nica de las columnas apiladas<\/h2>\n

Los gr\u00e1ficos de columnas apiladas dependen de asignar un identificador de apilado<\/code>identificador a m\u00faltiples series. Cuando el motor de renderizado detecta valores id\u00e9nticos de apilado<\/code>en una serie con type: 'bar'<\/code>, apila los valores num\u00e9ricos secuencialmente a lo largo del eje Y vertical en lugar de representar columnas superpuestas o adyacentes.<\/p>\n

1. Configuraci\u00f3n esencial<\/h3>\n

Para crear un gr\u00e1fico de columnas apiladas b\u00e1sico, define un eje X basado en categor\u00edas y aplica una propiedad com\u00fan apilado<\/code>a cada serie en tu series<\/code>matriz:<\/p>\n

\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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    leyenda: {\r\n        data: ['Directo', 'B\u00fasqueda org\u00e1nica', 'Anuncios pagados', 'Referidos']\r\n    },\r\n    ejeX: {\r\n        type: 'category',\r\n        data: ['Lun', 'Mar', 'Mi\u00e9', 'Jue', 'Vie', 'S\u00e1b', 'Dom']\r\n    },\r\n    ejeY: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Directo',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [120, 132, 101, 134, 90, 230, 210]\r\n        },\r\n        {\r\n            name: 'B\u00fasqueda org\u00e1nica',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [220, 182, 191, 234, 290, 330, 310]\r\n        },\r\n        {\r\n            name: 'Anuncios pagados',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [150, 232, 201, 154, 190, 330, 410]\r\n        },\r\n        {\r\n            name: 'Referidos',\r\n            type: 'bar',\r\n            stack: 'total',\r\n            data: [98, 77, 101, 99, 40, 120, 110]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
T\u00e9cnicas estructurales avanzadas<\/h2>\n
Los gr\u00e1ficos de columnas apiladas se pueden adaptar para mostrar distribuciones porcentuales o subgrupos selectivos, seg\u00fan tus requisitos anal\u00edticos.<\/p>\n
1. Columnas apiladas normalizadas al 100%<\/h3>\n
Cuando tu objetivo principal es comparar razones de proporci\u00f3n en lugar de totales num\u00e9ricos absolutos, convierte tus valores de datos en porcentajes normalizados que sumen un 100% por categor\u00eda:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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    leyenda: {\r\n        data: ['Escritorio', 'M\u00f3vil', 'Tableta']\r\n    },\r\n    ejeX: {\r\n        tipo: 'categor\u00eda',\r\n        datos: ['Q1', 'Q2', 'Q3', 'Q4']\r\n    },\r\n    ejeY: {\r\n        tipo: 'valor',\r\n        m\u00ednimo: 0,\r\n        m\u00e1ximo: 100,\r\n        etiquetaEje: { formato: '{valor}%' }\r\n    },\r\n    series: [\r\n        {\r\n            nombre: 'Escritorio',\r\n            tipo: 'barra',\r\n            pila: 'porcentaje',\r\n            datos: [60, 50, 45, 40]\r\n        },\r\n        {\r\n            nombre: 'M\u00f3vil',\r\n            tipo: 'barra',\r\n            pila: 'porcentaje',\r\n            datos: [30, 40, 45, 50]\r\n        },\r\n        {\r\n            nombre: 'Tableta',\r\n            tipo: 'barra',\r\n            pila: 'porcentaje',\r\n            datos: [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>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
2. Agrupaci\u00f3n m\u00faltiple por pila<\/h3>\n
Puedes combinar agrupaci\u00f3n y apilado en una sola vista utilizando identificadores distintospila<\/code>identificadores entre series. Por ejemplo, compara totales reales frente a objetivos, donde cada uno est\u00e1 compuesto por subcomponentes apilados:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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    leyenda: {\r\n        datos: ['Producto A Real', 'Producto B Real', 'Objetivo Producto A', 'Objetivo Producto B']\r\n    },\r\n    ejeX: {\r\n        tipo: 'categor\u00eda',\r\n        datos: ['Q1', 'Q2', 'Q3', 'Q4']\r\n    },\r\n    ejeY: {\r\n        tipo: 'valor'\r\n    },\r\n    series: [\r\n        {\r\n            nombre: 'Producto A Real',\r\n            tipo: 'barra',\r\n            pila: 'real',\r\n            datos: [120, 150, 180, 200]\r\n        },\r\n        {\r\n            nombre: 'Producto B Real',\r\n            tipo: 'barra',\r\n            pila: 'real',\r\n            datos: [80, 90, 100, 110]\r\n        },\r\n        {\r\n            nombre: 'Objetivo Producto A',\r\n            tipo: 'barra',\r\n            pila: 'objetivo',\r\n            datos: [130, 160, 190, 210]\r\n        },\r\n        {\r\n            nombre: 'Objetivo Producto B',\r\n            tipo: 'barra',\r\n            pila: 'objetivo',\r\n            datos: [90, 100, 110, 120]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Ajuste fino del dise\u00f1o y estilo<\/h2>\n
El acabado visual es crucial para las columnas apiladas para asegurar que los segmentos permanezcan distinguibles sin causar fatiga visual.<\/p>\n
1. L\u00edmites de segmento y tapas redondeadas en la parte superior<\/h3>\n
Aplica separadores de borde limpios entre los segmentos apilados y limita el redondeo de esquinas solo al segmento superior de la serie en la pila:<\/p>\n
\n
\nECharts<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar ECharts en 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    ejeX: {\r\n        tipo: 'categor\u00eda',\r\n        datos: ['Ene', 'Feb', 'Mar', 'Abr']\r\n    },\r\n    ejeY: {\r\n        tipo: 'valor'\r\n    },\r\n    series: [\r\n        {\r\n            nombre: 'Capa base',\r\n            tipo: 'barra',\r\n            pila: 'total',\r\n            datos: [320, 302, 301, 334],\r\n            estiloElemento: {\r\n                color: '#4992ff',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            nombre: 'Capa media',\r\n            tipo: 'barra',\r\n            pila: 'total',\r\n            datos: [120, 132, 101, 134],\r\n            estiloElemento: {\r\n                color: '#7cffb2',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1\r\n            }\r\n        },\r\n        {\r\n            nombre: 'Capa superior',\r\n            tipo: 'barra',\r\n            pila: 'total',\r\n            datos: [220, 182, 191, 234],\r\n            estiloElemento: {\r\n                color: '#fddd60',\r\n                borderColor: '#ffffff',\r\n                borderWidth: 1,\r\n                borderRadius: [4, 4, 0, 0] \/\/ Esquinas redondeadas solo en el segmento superior\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>
\nEditar ECharts en VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Pr\u00e1cticas recomendadas estrat\u00e9gicas<\/h2>\n
    \n
  • Limita el n\u00famero de segmentos:<\/strong>Evita apilar m\u00e1s de 4 a 5 categor\u00edas por columna. M\u00e1s all\u00e1 de este umbral, comparar segmentos centrales entre columnas se vuelve visualmente desafiante.<\/li>\n
  • Ancla los elementos de referencia en la parte inferior:<\/strong>Coloca tu m\u00e9trica m\u00e1s importante o subcomponente m\u00e1s grande como el primer elemento en el series<\/code>arreglo para que descanse directamente sobre la l\u00ednea de base para una alineaci\u00f3n f\u00e1cil.<\/li>\n
  • Usa una paleta de alto contraste o bordes:<\/strong>Aplica l\u00edneas sutiles de borde blanco entre segmentos para mantener una distinci\u00f3n clara cuando los colores adyacentes tienen niveles de contraste similares.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Al evaluar la descomposici\u00f3n estructural entre m\u00e9tricas discretas, el Gr\u00e1fico de columnas apiladas ofrece una forma eficiente de visualizar distribuciones parte-todo. A diferencia de los dise\u00f1os agrupados que extienden las series de datos horizontalmente, los gr\u00e1ficos apilados acumulan valores verticalmente…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":27,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2075","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Stacked Column Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\",\"name\":\"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\",\"datePublished\":\"2026-07-24T09:27:56+00:00\",\"description\":\"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a63311b3b009.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/stacked-column-chart-part-to-whole-composition-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gr\u00e1fico de columnas apiladas: composici\u00f3n parte-todo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide","description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","og_locale":"es_ES","og_type":"article","og_title":"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide","og_description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","og_url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/","name":"ECharts Stacked Column Chart | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","datePublished":"2026-07-24T09:27:56+00:00","description":"Visualize cumulative data series with ECharts stacked column charts in VPasCode, a free diagram-as-code tool for text to diagram mapping.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a63311b3b009.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/stacked-column-chart-part-to-whole-composition-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Gr\u00e1fico de columnas apiladas: composici\u00f3n parte-todo"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/2075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2075"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}