{"id":2067,"date":"2026-07-27T01:00:58","date_gmt":"2026-07-27T01:00:58","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"},"modified":"2026-07-27T01:00:58","modified_gmt":"2026-07-27T01:00:58","slug":"grouped-bar-chart-horizontal-multi-series-comparison-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","title":{"rendered":"Bi\u1ec3u \u0111\u1ed3 c\u1ed9t nh\u00f3m: So s\u00e1nh \u0111a chu\u1ed7i theo chi\u1ec1u ngang"},"content":{"rendered":"

So s\u00e1nh c\u00e1c ch\u1ec9 s\u1ed1 ph\u1ee5 tr\u00ean c\u00e1c t\u00ean danh m\u1ee5c d\u00e0i d\u00f2ng s\u1ebd \u0111\u01b0\u1ee3c x\u1eed l\u00fd t\u1ed1t nh\u1ea5t b\u1eb1ng m\u1ed9tBi\u1ec3u \u0111\u1ed3 c\u1ed9t nh\u00f3m<\/strong>. B\u1eb1ng c\u00e1ch \u0111\u1eb7t c\u00e1c thanh ngang li\u00ean quan c\u1ea1nh nhau d\u1ecdc theo tr\u1ee5c Y, b\u1ed1 c\u1ee5c n\u00e0y cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng qu\u00e9t c\u00e1c ch\u1ec9 s\u1ed1 hi\u1ec7u su\u1ea5t qua nhi\u1ec1u danh m\u1ee5c m\u00e0 kh\u00f4ng l\u00e0m gi\u1ea3m \u0111\u1ed9 r\u00f5 r\u00e0ng c\u1ee7a nh\u00e3n. N\u00f3 l\u00e0 l\u1ef1a ch\u1ecdn hi\u1ec7u qu\u1ea3 cho vi\u1ec7c ph\u00e2n t\u00edch ng\u00e2n s\u00e1ch nhi\u1ec1u n\u0103m, so s\u00e1nh t\u00ednh n\u0103ng s\u1ea3n ph\u1ea9m ho\u1eb7c c\u00e1c ng\u01b0\u1ee1ng doanh s\u1ed1 \u0111a khu v\u1ef1c, n\u01a1i c\u00e1c nh\u00e3n danh m\u1ee5c c\u1ea7n kh\u00f4ng gian ngang r\u1ed9ng r\u00e3i.<\/p>\n

C\u01a1 ch\u1ebf c\u1ee7a c\u00e1c thanh ngang nh\u00f3m<\/h2>\n

Gi\u1ed1ng nh\u01b0 c\u00e1c nh\u00f3m c\u1ed9t d\u1ecdc, c\u00e1c nh\u00f3m thanh ngang \u0111\u01b0\u1ee3c t\u1ea1o b\u1eb1ng c\u00e1ch g\u00e1n c\u00e1c nh\u00e3n danh m\u1ee5c gi\u1ed1ng nhau cho tr\u1ee5c Y trong khi \u0111\u1ecbnh ngh\u0129a nhi\u1ec1u chu\u1ed7i v\u1edbitype: 'bar'<\/code>. B\u1ed9 x\u1eed l\u00fd hi\u1ec3n th\u1ecb s\u1ebd t\u1ef1 \u0111\u1ed9ng x\u1eed l\u00fd nh\u00f3m h\u00ecnh \u1ea3nh, d\u1ecbch chuy\u1ec3n t\u1eebng chu\u1ed7i b\u00ean trong kh\u1ed1i danh m\u1ee5c d\u1ecdc theo m\u1eb7t ph\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 c\u1ed9t nh\u00f3m, g\u00e1n c\u00e1c danh m\u1ee5c r\u1eddi r\u1ea1c c\u1ee7a b\u1ea1n v\u00e0oyAxis.data<\/code>, x\u00e1c \u0111\u1ecbnh m\u1ed9t tr\u1ee5cxAxis<\/code>, v\u00e0 bao g\u1ed3m nhi\u1ec1u chu\u1ed7i thanh:<\/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: 'shadow' }\r\n    },\r\n    legend: {\r\n        data: ['\u0110\u00e3 ph\u00e2n b\u1ed5 2025', '\u0110\u00e3 ph\u00e2n b\u1ed5 2026']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Nghi\u00ean c\u1ee9u & Ph\u00e1t tri\u1ec3n', 'Marketing & B\u00e1n h\u00e0ng', 'H\u1ed7 tr\u1ee3 kh\u00e1ch h\u00e0ng', 'Ho\u1ea1t \u0111\u1ed9ng']\r\n    },\r\n    series: [\r\n        {\r\n            name: '\u0110\u00e3 ph\u00e2n b\u1ed5 2025',\r\n            type: 'bar',\r\n            data: [320, 450, 210, 380]\r\n        },\r\n        {\r\n            name: '\u0110\u00e3 ph\u00e2n b\u1ed5 2026',\r\n            type: 'bar',\r\n            data: [380, 490, 240, 410]\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
M\u1edf r\u1ed9ng bi\u1ec3u \u0111\u1ed3 c\u1ee7a b\u1ea1n l\u00ean ba ho\u1eb7c nhi\u1ec1u chu\u1ed7i h\u01a1n s\u1ebd cung c\u1ea5p c\u00e1i nh\u00ecn s\u00e2u s\u1eafc h\u01a1n, mi\u1ec5n l\u00e0 m\u1eadt \u0111\u1ed9 h\u00ecnh \u1ea3nh v\u1eabn d\u1ec5 \u0111\u1ecdc.<\/p>\n
1. \u0110\u1ecbnh d\u1ea1ng \u0111a ch\u1ec9 s\u1ed1 v\u1edbi c\u00e1c d\u1ea3i m\u00e0u t\u00f9y ch\u1ec9nh<\/h3>\n
\u00c1p d\u1ee5ng c\u00e1c b\u1ea3ng m\u00e0u \u0111\u1ed9c \u0111\u00e1o ho\u1eb7c c\u00e1c l\u1edbp \u0111\u1ed5 m\u00e0u nh\u1ea1t across c\u00e1c chu\u1ed7i ngang \u0111\u1ec3 gi\u1eef cho c\u00e1c nh\u00f3m ri\u00eang bi\u1ec7t d\u1ec5 \u0111\u1ecdc:<\/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    legend: {\r\n        data: ['Doanh s\u1ed1 Q1', 'Doanh s\u1ed1 Q2', 'Doanh s\u1ed1 Q3']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Khu v\u1ef1c B\u1eafc', 'Khu v\u1ef1c Nam', 'Khu v\u1ef1c \u0110\u00f4ng', 'Khu v\u1ef1c T\u00e2y']\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Doanh s\u1ed1 Q1',\r\n            type: 'bar',\r\n            data: [120, 200, 150, 80],\r\n            itemStyle: {\r\n                color: '#5470c6',\r\n                borderRadius: [0, 4, 4, 0]\r\n            }\r\n        },\r\n        {\r\n            name: 'Doanh s\u1ed1 Q2',\r\n            type: 'bar',\r\n            data: [140, 220, 170, 95],\r\n            itemStyle: {\r\n                color: '#91cc75',\r\n                borderRadius: [0, 4, 4, 0]\r\n            }\r\n        },\r\n        {\r\n            name: 'Doanh s\u1ed1 Q3',\r\n            type: 'bar',\r\n            data: [180, 250, 190, 110],\r\n            itemStyle: {\r\n                color: '#fac858',\r\n                borderRadius: [0, 4, 4, 0]\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>
\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 kho\u1ea3ng c\u00e1ch<\/h2>\n
Qu\u1ea3n l\u00fd kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c thanh d\u1ecdc theo tr\u1ee5c Y \u0111\u1ee9ng l\u00e0 ch\u00eca kh\u00f3a \u0111\u1ec3 duy tr\u00ec s\u1ef1 t\u00e1ch bi\u1ec7t r\u00f5 r\u00e0ng gi\u1eefa c\u00e1c kh\u1ed1i danh m\u1ee5c.<\/p>\n
1. Kho\u1ea3ng c\u00e1ch n\u1ed9i b\u1ed9 d\u1ecdc v\u00e0 kho\u1ea3ng c\u00e1ch bi\u00ean danh m\u1ee5c<\/h3>\n
\u0110i\u1ec1u ch\u1ec9nh c\u00e1c thu\u1ed9c t\u00ednh kho\u1ea3ng c\u00e1ch \u0111\u1ec3 gi\u1eef c\u00e1c thanh chu\u1ed7i \u0111\u01b0\u1ee3c nh\u00f3m g\u1ecdn g\u00e0ng m\u00e0 kh\u00f4ng tr\u1ed9n l\u1eabn v\u00e0o c\u00e1c nh\u00f3m danh m\u1ee5c k\u1ec1 b\u00ean:<\/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    grid: {\r\n        left: '20%',\r\n        right: '10%',\r\n        containLabel: true\r\n    },\r\n    legend: {\r\n        data: ['\u0110i\u1ec3m chu\u1ea9n', '\u0110\u00e3 t\u1ed1i \u01b0u']\r\n    },\r\n    xAxis: {\r\n        type: 'value'\r\n    },\r\n    yAxis: {\r\n        type: 'category',\r\n        data: ['Th\u1eddi gian ph\u1ea3n h\u1ed3i API', 'Th\u1eddi gian truy v\u1ea5n c\u01a1 s\u1edf d\u1eef li\u1ec7u', 'Th\u1eddi gian t\u1ea3i t\u00e0i s\u1ea3n']\r\n    },\r\n    series: [\r\n        {\r\n            name: '\u0110i\u1ec3m chu\u1ea9n',\r\n            type: 'bar',\r\n            barGap: '15%',            \/\/ Kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c c\u1ed9t trong c\u00f9ng m\u1ed9t danh m\u1ee5c\r\n            barCategoryGap: '40%',    \/\/ Kho\u1ea3ng c\u00e1ch gi\u1eefa c\u00e1c kh\u1ed1i danh m\u1ee5c\r\n            data: [350, 180, 520]\r\n        },\r\n        {\r\n            name: '\u0110\u00e3 t\u1ed1i \u01b0u',\r\n            type: 'bar',\r\n            data: [120, 65, 210]\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
  • Gi\u1eef c\u00e1c nh\u00f3m t\u1eadp trung:<\/strong>Gi\u1eef \u1edf m\u1ee9c t\u1ed1i \u0111a 3 ho\u1eb7c 4 chu\u1ed7i cho m\u1ed7i danh m\u1ee5c. V\u01b0\u1ee3t qu\u00e1 m\u1ee9c n\u00e0y, c\u00e1c bi\u1ec3u \u0111\u1ed3 ch\u1ed3ng l\u00ean nhau ho\u1eb7c bi\u1ec3u \u0111\u1ed3 \u0111a khung s\u1ebd ph\u00f9 h\u1ee3p h\u01a1n \u0111\u1ec3 tr\u00e1nh s\u1ef1 l\u1ed9n x\u1ed9n th\u1ecb gi\u00e1c theo chi\u1ec1u d\u1ecdc.<\/li>\n
  • Ph\u00e2n b\u1ed5 kho\u1ea3ng tr\u1ed1ng tr\u1ee5c Y h\u1ee3p l\u00fd:<\/strong>C\u00e1c bi\u1ec3u \u0111\u1ed3 ngang nh\u00f3m chi\u1ebfm chi\u1ec1u cao d\u1ecdc \u0111\u00e1ng k\u1ec3. T\u0103ng chi\u1ec1u cao c\u1ee7a khung ch\u1ee9a ho\u1eb7c \u0111i\u1ec1u ch\u1ec9nhgrid.left<\/code>\u0111\u1ec3 tr\u00e1nh b\u1ecb c\u1eaft ng\u1eafn v\u0103n b\u1ea3n.<\/li>\n
  • Th\u1ee9 t\u1ef1 \u0111o l\u01b0\u1eddng nh\u1ea5t qu\u00e1n:<\/strong>\u0110\u1ea3m b\u1ea3o th\u1ee9 t\u1ef1 chu\u1ed7i trong m\u00e3 c\u1ee7a b\u1ea1n ph\u00f9 h\u1ee3p v\u1edbi d\u00f2ng ch\u1ea3y t\u1ef1 nhi\u00ean c\u1ee7a c\u00e2u chuy\u1ec7n c\u1ee7a b\u1ea1n (v\u00ed d\u1ee5: n\u0103m l\u1ecbch s\u1eed \u0111\u1ea7u ti\u00ean, n\u0103m hi\u1ec7n t\u1ea1i th\u1ee9 hai).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    So s\u00e1nh c\u00e1c ch\u1ec9 s\u1ed1 ph\u1ee5 tr\u00ean c\u00e1c t\u00ean danh m\u1ee5c d\u00e0i d\u00f2ng s\u1ebd \u0111\u01b0\u1ee3c x\u1eed l\u00fd t\u1ed1t nh\u1ea5t b\u1eb1ng m\u1ed9tBi\u1ec3u \u0111\u1ed3 c\u1ed9t nh\u00f3m. B\u1eb1ng c\u00e1ch \u0111\u1eb7t c\u00e1c thanh ngang li\u00ean quan c\u1ea1nh nhau d\u1ecdc theo tr\u1ee5c Y, b\u1ed1 c\u1ee5c…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":3,"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 Grouped Bar Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free 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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-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_6a66ae1c580e8.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\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\",\"name\":\"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\",\"datePublished\":\"2026-07-27T01:00:58+00:00\",\"description\":\"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66ae1c580e8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/grouped-bar-chart-horizontal-multi-series-comparison-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 c\u1ed9t nh\u00f3m: So s\u00e1nh \u0111a chu\u1ed7i theo chi\u1ec1u ngang\"}]},{\"@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 Grouped Bar Chart | VPasCode Text to Diagram Guide","description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free 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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide","og_description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.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\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/","name":"ECharts Grouped Bar Chart | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png","datePublished":"2026-07-27T01:00:58+00:00","description":"Build multi-series horizontal comparison charts using ECharts in VPasCode, your free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66ae1c580e8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/grouped-bar-chart-horizontal-multi-series-comparison-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 c\u1ed9t nh\u00f3m: So s\u00e1nh \u0111a chu\u1ed7i theo chi\u1ec1u ngang"}]},{"@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\/2067","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=2067"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}