{"id":403,"date":"2026-07-27T09:18:09","date_gmt":"2026-07-27T09:18:09","guid":{"rendered":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/"},"modified":"2026-07-27T09:18:09","modified_gmt":"2026-07-27T09:18:09","slug":"mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode","status":"publish","type":"post","link":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/","title":{"rendered":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode"},"content":{"rendered":"<h3><strong>Gi\u1edbi thi\u1ec7u<\/strong><\/h3>\n<p>Trong l\u0129nh v\u1ef1c tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u, s\u1ef1 r\u00f5 r\u00e0ng v\u00e0 hi\u1ec7u qu\u1ea3 l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng nh\u1ea5t. Visual Paradigm li\u00ean t\u1ee5c ph\u00e1t tri\u1ec3n \u0111\u1ec3 \u0111\u00e1p \u1ee9ng nhu c\u1ea7u c\u1ee7a c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n, nh\u00e0 ph\u00e2n t\u00edch d\u1eef li\u1ec7u v\u00e0 nh\u00e0 thi\u1ebft k\u1ebf b\u1eb1ng c\u00e1ch mang l\u1ea1i tr\u1ea3i nghi\u1ec7m t\u1ea1o h\u00ecnh \u1ea3nh m\u01b0\u1ee3t m\u00e0 h\u01a1n, nhanh h\u01a1n v\u00e0 tr\u1ef1c quan h\u01a1n. V\u1edbi n\u00e2ng c\u1ea5p m\u1edbi nh\u1ea5t cho VPasCode, ng\u01b0\u1eddi d\u00f9ng gi\u1edd \u0111\u00e2y c\u00f3 th\u1ec3 t\u1eadn d\u1ee5ng h\u1ed7 tr\u1ee3 Apache ECharts g\u1ed1c k\u1ebft h\u1ee3p v\u1edbi t\u00ednh n\u0103ng t\u1ef1 \u0111\u1ed9ng \u0111\u1ecbnh d\u1ea1ng m\u1ea1nh m\u1ebd m\u1edbi. H\u01b0\u1edbng d\u1eabn to\u00e0n di\u1ec7n n\u00e0y s\u1ebd h\u01b0\u1edbng d\u1eabn b\u1ea1n c\u00e1ch tr\u1ef1c quan h\u00f3a ECharts b\u1eb1ng VPasCode v\u00e0 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 t\u1ef1 \u0111\u1ed9ng \u0111\u1ecbnh d\u1ea1ng ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t \u0111\u1ec3 gi\u1eef cho m\u00e3 ngu\u1ed3n c\u1ee7a b\u1ea1n s\u1ea1ch s\u1ebd, d\u1ec5 \u0111\u1ecdc v\u00e0 d\u1ec5 d\u00e0ng ch\u1ec9nh s\u1eeda.<\/p>\n<hr\/>\n<h3><strong>H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc: C\u00e1ch tr\u1ef1c quan h\u00f3a v\u00e0 t\u1ef1 \u0111\u1ed9ng \u0111\u1ecbnh d\u1ea1ng ECharts trong VPasCode<\/strong><\/h3>\n<p><strong>B\u01b0\u1edbc 1: Truy c\u1eadp Tr\u00ecnh so\u1ea1n th\u1ea3o VPasCode<\/strong><br \/>\n\u0110i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn n\u1ec1n t\u1ea3ng VPasCode, s\u00e2n ch\u01a1i th\u1ed1ng nh\u1ea5t Diagram-as-Code (DaC) c\u1ee7a Visual Paradigm. Tr\u00ecnh so\u1ea1n th\u1ea3o t\u01b0\u01a1ng t\u00e1c d\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t n\u00e0y \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 x\u1eed l\u00fd nhi\u1ec1u lo\u1ea1i tr\u1ef1c quan h\u00f3a d\u1ef1a tr\u00ean m\u00e3, bao g\u1ed3m c\u1ea3 m\u00f4i tr\u01b0\u1eddng Apache ECharts m\u1edbi \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p.<\/p>\n<p><strong>B\u01b0\u1edbc 2: Nh\u1eadp c\u1ea5u h\u00ecnh ECharts c\u1ee7a b\u1ea1n<\/strong><br \/>\nTrong b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n b\u00ean tr\u00e1i c\u1ee7a giao di\u1ec7n song song, h\u00e3y d\u00e1n ho\u1eb7c nh\u1eadp \u0111\u1ed1i t\u01b0\u1ee3ng c\u1ea5u h\u00ecnh ECharts c\u1ee7a b\u1ea1n. D\u00f9 b\u1ea1n \u0111ang x\u00e2y d\u1ef1ng bi\u1ec3u \u0111\u1ed3 c\u1ed9t ch\u1ed3ng, bi\u1ec3u \u0111\u1ed3 radar hay m\u1ed9t th\u00e0nh ph\u1ea7n b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n ph\u1ee9c t\u1ea1p, VPasCode \u0111\u1ec1u ch\u1ea5p nh\u1eadn c\u00e1c c\u1ea5u tr\u00fac ECharts ti\u00eau chu\u1ea9n<code data-backticks=\"1\">option<\/code> m\u1ed9t c\u00e1ch li\u1ec1n m\u1ea1ch.<\/p>\n<p><strong>B\u01b0\u1edbc 3: Tr\u1ef1c quan h\u00f3a theo th\u1eddi gian th\u1ef1c<\/strong><br \/>\nKhi b\u1ea1n nh\u1eadp m\u00e3, b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n b\u00ean ph\u1ea3i s\u1ebd hi\u1ec3n th\u1ecb ngay l\u1eadp t\u1ee9c bi\u1ec3u \u0111\u1ed3 t\u01b0\u01a1ng t\u00e1c. V\u00f2ng l\u1eb7p ph\u1ea3n h\u1ed3i th\u1eddi gian th\u1ef1c n\u00e0y cho ph\u00e9p b\u1ea1n th\u1ea5y t\u00e1c \u0111\u1ed9ng tr\u1ef1c ti\u1ebfp c\u1ee7a c\u00e1c thay \u0111\u1ed5i c\u1ea5u h\u00ecnh m\u00e0 kh\u00f4ng c\u1ea7n l\u00e0m m\u1edbi trang ho\u1eb7c bi\u00ean d\u1ecbch th\u1ee7 c\u00f4ng t\u1eadp l\u1ec7nh.<\/p>\n<p id=\"sWyfBob\"><img fetchpriority=\"high\" alt=\"Tr\u1ef1c quan h\u00f3a v\u00e0 \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng ECharts trong VPasCode\" class=\"alignnone wp-image-838 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"928\" sizes=\"(max-width: 1664px) 100vw, 1664px\" src=\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\" srcset=\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png 1664w, https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8-300x167.png 300w, https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8-1024x571.png 1024w, https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8-768x428.png 768w, https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8-1536x857.png 1536w\" width=\"1664\"\/><\/p>\n<p><em>H\u00ecnh 1: Giao di\u1ec7n VPasCode cho ph\u00e9p ch\u1ec9nh s\u1eeda m\u00e3 li\u1ec1n m\u1ea1ch v\u00e0 hi\u1ec3n th\u1ecb tr\u1ef1c quan h\u00f3a theo th\u1eddi gian th\u1ef1c.<\/em><\/p>\n<p><strong>B\u01b0\u1edbc 4: \u00c1p d\u1ee5ng T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng Ch\u1ec9 v\u1edbi M\u1ed9t Nh\u1ea5p chu\u1ed9t<\/strong><br \/>\nL\u00e0m vi\u1ec7c v\u1edbi c\u00e1c t\u1eadp l\u1ec7nh bi\u1ec3u \u0111\u1ed3 ph\u1ee9c t\u1ea1p th\u01b0\u1eddng d\u1eabn \u0111\u1ebfn c\u00e1c thu\u1ed9c t\u00ednh b\u1ecb n\u00e9n, nhi\u1ec1u d\u00f2ng d\u1ec5 g\u00e2y ra l\u1ed7i ch\u1ec9nh s\u1eeda v\u00e0 b\u1ecf s\u00f3t chi ti\u1ebft. \u0110\u1ec3 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 n\u00e0y, ch\u1ec9 c\u1ea7n nh\u1ea5p v\u00e0o n\u00fat<strong><code data-backticks=\"1\">&lt;\/&gt; \u0110\u1ecbnh d\u1ea1ng<\/code><\/strong> \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf ph\u00eda tr\u00ean c\u1ee7a tr\u00ecnh so\u1ea1n th\u1ea3o. \u0110i\u1ec1u n\u00e0y ngay l\u1eadp t\u1ee9c chuy\u1ec3n \u0111\u1ed5i c\u1ea5u tr\u00fac m\u00e3 c\u1ee7a b\u1ea1n b\u1eb1ng c\u00e1ch \u00e1p d\u1ee5ng c\u00e1c th\u1ee5t \u0111\u1ea7u d\u00f2ng s\u1ea1ch s\u1ebd v\u00e0 chu\u1ea9n.<\/p>\n<p><strong>B\u01b0\u1edbc 5: Ch\u1ec9nh s\u1eeda v\u1edbi s\u1ef1 r\u00f5 r\u00e0ng d\u1ec5 d\u00e0ng<\/strong><br \/>\nSau khi \u0111\u00e3 \u0111\u1ecbnh d\u1ea1ng, m\u1ecdi thu\u1ed9c t\u00ednh \u0111\u1ec1u \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea r\u00f5 r\u00e0ng tr\u00ean d\u00f2ng ri\u00eang c\u1ee7a n\u00f3. C\u00e1ch ti\u1ebfp c\u1eadn &#8220;kh\u00f4ng c\u00f3 g\u00ec b\u1ecb \u1ea9n&#8221; n\u00e0y mang l\u1ea1i cho b\u1ea1n t\u1ea7m nh\u00ecn to\u00e0n di\u1ec7n v\u1ec1 c\u1ea5u tr\u00fac bi\u1ec3u \u0111\u1ed3, cho ph\u00e9p b\u1ea1n nhanh ch\u00f3ng t\u00ecm v\u00e0 c\u1eadp nh\u1eadt nh\u00e3n, d\u1eef li\u1ec7u chu\u1ed7i ho\u1eb7c quy t\u1eafc \u0111\u1ecbnh d\u1ea1ng m\u00e0 kh\u00f4ng c\u1ea7n l\u1ee5c l\u1ecdi qua c\u00e1c d\u00f2ng m\u00e3 d\u00e0y \u0111\u1eb7c.<\/p>\n<p><strong>B\u01b0\u1edbc 6: Chia s\u1ebb ho\u1eb7c Xu\u1ea5t t\u00e1c ph\u1ea9m c\u1ee7a b\u1ea1n<\/strong><br \/>\nVPasCode t\u1ef1 \u0111\u1ed9ng n\u00e9n m\u1ecdi c\u1ea5u h\u00ecnh bi\u1ec3u \u0111\u1ed3 th\u00e0nh m\u1ed9t URL duy nh\u1ea5t, c\u00f3 th\u1ec3 chia s\u1ebb. B\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng c\u1ed9ng t\u00e1c trong c\u00e1c cu\u1ed9c r\u00e0 so\u00e1t m\u00e3, nh\u00fang bi\u1ec3u \u0111\u1ed3 v\u00e0o t\u00e0i li\u1ec7u wiki ho\u1eb7c tr\u00ecnh b\u00e0y tr\u1ef1c ti\u1ebfp cho kh\u00e1ch h\u00e0ng ch\u1ec9 v\u1edbi m\u1ed9t li\u00ean k\u1ebft \u0111\u01a1n gi\u1ea3n, kh\u00f4ng g\u1eb7p tr\u1edf ng\u1ea1i.<\/p>\n<hr\/>\n<h3><strong>V\u00ed d\u1ee5 th\u1ef1c t\u1ebf v\u1ec1 ECharts: B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n Hi\u1ec7u su\u1ea5t B\u00e1n h\u00e0ng<\/strong><\/h3>\n<p>\u0110\u1ec3 minh h\u1ecda s\u1ee9c m\u1ea1nh c\u1ee7a vi\u1ec7c t\u00edch h\u1ee3p ECharts trong VPasCode, h\u00e3y c\u00f9ng xem qua m\u1ed9t v\u00ed d\u1ee5 ho\u00e0n ch\u1ec9nh v\u1ec1 b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n hi\u1ec7u su\u1ea5t b\u00e1n h\u00e0ng.<\/p>\n<p><strong>Tr\u01b0\u1edbc khi \u0110\u1ecbnh d\u1ea1ng (M\u00e3 n\u00e9n):<\/strong><\/p>\n<pre class=\"lang-javascript\"><code data-language=\"javascript\">{title:{text:'Hi\u1ec7u su\u1ea5t B\u00e1n h\u00e0ng H\u00e0ng th\u00e1ng'},tooltip:{trigger:'axis'},legend:{data:['S\u1ea3n ph\u1ea9m A','S\u1ea3n ph\u1ea9m B','S\u1ea3n ph\u1ea9m C']},xAxis:{type:'category',data:['Th1','Th2','Th3','Th4','Th5','Th6']},yAxis:{type:'value'},series:[{name:'S\u1ea3n ph\u1ea9m A',type:'bar',data:[120,200,150,80,70,110]},{name:'S\u1ea3n ph\u1ea9m B',type:'bar',data:[220,182,191,234,290,330]},{name:'S\u1ea3n ph\u1ea9m C',type:'line',data:[150,230,224,218,135,147]}]}\r\n<\/code><\/pre>\n<p><strong>Sau khi T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng (M\u00e3 s\u1ea1ch, d\u1ec5 \u0111\u1ecdc):<\/strong><\/p>\n<pre class=\"lang-javascript\"><code data-language=\"javascript\">{\r\n  title: {\r\n    text: 'Hi\u1ec7u su\u1ea5t B\u00e1n h\u00e0ng H\u00e0ng th\u00e1ng'\r\n  },\r\n  tooltip: {\r\n    trigger: 'axis'\r\n  },\r\n  legend: {\r\n    data: ['S\u1ea3n ph\u1ea9m A', 'S\u1ea3n ph\u1ea9m B', 'S\u1ea3n ph\u1ea9m C']\r\n  },\r\n  xAxis: {\r\n    type: 'category',\r\n    data: ['Th1', 'Th2', 'Th3', 'Th4', 'Th5', 'Th6']\r\n  },\r\n  yAxis: {\r\n    type: 'value'\r\n  },\r\n  series: [\r\n    {\r\n      name: 'S\u1ea3n ph\u1ea9m A',\r\n      type: 'bar',\r\n      data: [120, 200, 150, 80, 70, 110]\r\n    },\r\n    {\r\n      name: 'S\u1ea3n ph\u1ea9m B',\r\n      type: 'bar',\r\n      data: [220, 182, 191, 234, 290, 330]\r\n    },\r\n    {\r\n      name: 'S\u1ea3n ph\u1ea9m C',\r\n      type: 'line',\r\n      data: [150, 230, 224, 218, 135, 147]\r\n    }\r\n  ]\r\n}\r\n<\/code><\/pre>\n<p><strong>V\u00ed d\u1ee5 n\u00e0y minh h\u1ecda \u0111i\u1ec1u g\u00ec:<\/strong><\/p>\n<ol>\n<li>\n<p><strong>C\u00e1c lo\u1ea1i Bi\u1ec3u \u0111\u1ed3 H\u1ed7n h\u1ee3p<\/strong>: K\u1ebft h\u1ee3p bi\u1ec3u \u0111\u1ed3 c\u1ed9t cho S\u1ea3n ph\u1ea9m A v\u00e0 B v\u1edbi bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng cho S\u1ea3n ph\u1ea9m C, th\u1ec3 hi\u1ec7n t\u00ednh linh ho\u1ea1t c\u1ee7a ECharts<\/p>\n<\/li>\n<li>\n<p><strong>T\u00ednh n\u0103ng t\u01b0\u01a1ng t\u00e1c<\/strong>: Bao g\u1ed3m c\u00e1c k\u00edch ho\u1ea1t c\u00f4ng c\u1ee5 ch\u00fa th\u00edch v\u00e0 \u0111i\u1ec1u khi\u1ec3n b\u1ea3ng ch\u00fa gi\u1ea3i \u0111\u1ec3 t\u0103ng c\u01b0\u1eddng t\u01b0\u01a1ng t\u00e1c ng\u01b0\u1eddi d\u00f9ng<\/p>\n<\/li>\n<li>\n<p><strong>C\u1ea5u tr\u00fac d\u1eef li\u1ec7u r\u00f5 r\u00e0ng<\/strong>: Phi\u00ean b\u1ea3n \u0111\u01b0\u1ee3c \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng gi\u00fap b\u1ea1n ngay l\u1eadp t\u1ee9c nh\u1eadn bi\u1ebft r\u00f5 r\u00e0ng \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u v\u00e0 k\u1ebft th\u00fac c\u1ee7a m\u1ed7i chu\u1ed7i d\u1eef li\u1ec7u<\/p>\n<\/li>\n<li>\n<p><strong>D\u1ec5 d\u00e0ng ch\u1ec9nh s\u1eeda<\/strong>: C\u1ea7n th\u00eam s\u1ea3n ph\u1ea9m th\u1ee9 t\u01b0? V\u1edbi m\u00e3 \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u1ecbnh d\u1ea1ng, b\u1ea1n ch\u1ec9 c\u1ea7n sao ch\u00e9p m\u1ed9t kh\u1ed1i chu\u1ed7i v\u00e0 \u0111i\u1ec1u ch\u1ec9nh c\u00e1c gi\u00e1 tr\u1ecb<\/p>\n<\/li>\n<li>\n<p><strong>Giao di\u1ec7n chuy\u00ean nghi\u1ec7p<\/strong>: Ti\u00eau \u0111\u1ec1, tr\u1ee5c v\u00e0 d\u1eef li\u1ec7u \u0111\u1ec1u \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh \u0111\u00fang chu\u1ea9n cho m\u1ed9t b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n s\u1eb5n s\u00e0ng \u0111\u01b0a v\u00e0o s\u1ea3n xu\u1ea5t<\/p>\n<\/li>\n<\/ol>\n<p><strong>H\u00e3y t\u1ef1 th\u1eed nghi\u1ec7m:<\/strong><\/p>\n<ol>\n<li>\n<p>Sao ch\u00e9p m\u00e3 \u201cTr\u01b0\u1edbc khi \u0111\u1ecbnh d\u1ea1ng\u201d \u1edf tr\u00ean<\/p>\n<\/li>\n<li>\n<p>D\u00e1n n\u00f3 v\u00e0o b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n b\u00ean tr\u00e1i c\u1ee7a VPasCode<\/p>\n<\/li>\n<li>\n<p>Nh\u1ea5p v\u00e0o n\u00fat <code data-backticks=\"1\">&lt;\/&gt; \u0110\u1ecbnh d\u1ea1ng<\/code> \u0111\u1ec3 xem qu\u00e1 tr\u00ecnh chuy\u1ec3n \u0111\u1ed5i<\/p>\n<\/li>\n<li>\n<p>Xem bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb ngay l\u1eadp t\u1ee9c \u1edf b\u00ean ph\u1ea3i<\/p>\n<\/li>\n<li>\n<p>Th\u1eed nghi\u1ec7m b\u1eb1ng c\u00e1ch thay \u0111\u1ed5i gi\u00e1 tr\u1ecb, th\u00eam chu\u1ed7i m\u1edbi ho\u1eb7c \u0111i\u1ec1u ch\u1ec9nh m\u00e0u s\u1eafc<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<h3><strong>K\u1ebft lu\u1eadn<\/strong><\/h3>\n<p>Vi\u1ec7c t\u00edch h\u1ee3p t\u00ednh n\u0103ng \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng ECharts trong VPasCode \u0111\u1ea1i di\u1ec7n cho m\u1ed9t b\u01b0\u1edbc ti\u1ebfn l\u1edbn \u0111\u1ed1i v\u1edbi c\u00e1c nh\u00f3m k\u1ef9 thu\u1eadt \u0111ang t\u00ecm c\u00e1ch t\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u. B\u1eb1ng c\u00e1ch lo\u1ea1i b\u1ecf s\u1ef1 c\u1ed3ng k\u1ec1nh c\u1ee7a m\u00e3 l\u1ed9n x\u1ed9n, Visual Paradigm trao quy\u1ec1n cho ng\u01b0\u1eddi d\u00f9ng thi\u1ebft k\u1ebf c\u00e1c bi\u1ec3u \u0111\u1ed3 chuy\u00ean nghi\u1ec7p v\u00e0 t\u01b0\u01a1ng t\u00e1c m\u1ed9t c\u00e1ch ch\u01b0a t\u1eebng c\u00f3. D\u00f9 b\u1ea1n \u0111ang t\u1ea1o c\u00e1c b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n d\u1ef1a tr\u00ean AI hay tinh ch\u1ec9nh c\u00e1c c\u1ea5u h\u00ecnh th\u1ee7 c\u00f4ng, VPasCode \u0111\u1ea3m b\u1ea3o m\u00e3 c\u1ee7a b\u1ea1n lu\u00f4n thanh l\u1ecbch v\u00e0 c\u00f3 c\u1ea5u tr\u00fac nh\u01b0 ch\u00ednh c\u00e1c h\u00ecnh \u1ea3nh tr\u1ef1c quan m\u00e0 n\u00f3 t\u1ea1o ra. H\u00e3y m\u1edf tr\u00ecnh bi\u00ean t\u1eadp tr\u1ef1c tuy\u1ebfn ngay h\u00f4m nay v\u00e0 tr\u1ea3i nghi\u1ec7m s\u1ef1 kh\u00e1c bi\u1ec7t m\u00e0 m\u00e3 s\u1ea1ch, \u0111\u01b0\u1ee3c \u0111\u1ecbnh d\u1ea1ng c\u00f3 th\u1ec3 mang l\u1ea1i.<\/p>\n<hr\/>\n<h3><strong>T\u00e0i li\u1ec7u tham kh\u1ea3o<\/strong><\/h3>\n<ol>\n<li>\n<p><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/enhance-your-workflow-echarts-auto-formatting-now-live-in-vpascode\/\"><strong>N\u00e2ng cao quy tr\u00ecnh l\u00e0m vi\u1ec7c: T\u00ednh n\u0103ng \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng ECharts \u0111\u00e3 c\u00f3 s\u1eb5n trong VPasCode<\/strong><\/a>: Gi\u1edbi thi\u1ec7u t\u00ednh n\u0103ng \u0111\u1ecbnh d\u1ea1ng m\u00e3 ch\u1ec9 v\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t m\u1edbi d\u00e0nh cho c\u00e1c k\u1ecbch b\u1ea3n ECharts trong VPasCode.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-echarts-support-chart-maker\/\"><strong>Tr\u00ecnh ch\u1ec9nh s\u1eeda bi\u1ec3u \u0111\u1ed3 h\u00e0ng \u0111\u1ea7u &amp; N\u1ec1n t\u1ea3ng s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 th\u1ed1ng nh\u1ea5t<\/strong><\/a>: Th\u00f4ng b\u00e1o h\u1ed7 tr\u1ee3 Apache ECharts g\u1ed1c \u0111\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c h\u00ecnh \u1ea3nh tr\u1ef1c quan d\u1eef li\u1ec7u t\u01b0\u01a1ng t\u00e1c tr\u1ef1c ti\u1ebfp trong VPasCode.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/www.visual-paradigm.com\/features\/vpascode\/\"><strong>VPasCode: N\u1ec1n t\u1ea3ng s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 th\u1ed1ng nh\u1ea5t<\/strong><\/a>: T\u1ed5ng quan v\u1ec1 VPasCode v\u1edbi t\u01b0 c\u00e1ch l\u00e0 m\u1ed9t s\u00e2n ch\u01a1i v\u00e0 tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 th\u00f4ng minh, \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi AI.<\/p>\n<\/li>\n<li>\n<p class=\"\"><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-xml-visualization-announcement\/\"><strong>Tr\u1ef1c quan h\u00f3a XML ngay l\u1eadp t\u1ee9c v\u1edbi VPasCode<\/strong><\/a>: Chi ti\u1ebft v\u1ec1 kh\u1ea3 n\u0103ng tr\u1ef1c quan h\u00f3a XML v\u00e0 \u0111\u1ecbnh d\u1ea1ng t\u1ef1 \u0111\u1ed9ng trong m\u00f4i tr\u01b0\u1eddng VPasCode.<\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Gi\u1edbi thi\u1ec7u Trong l\u0129nh v\u1ef1c tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u, s\u1ef1 r\u00f5 r\u00e0ng v\u00e0 hi\u1ec7u qu\u1ea3 l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng nh\u1ea5t. Visual Paradigm li\u00ean t\u1ee5c ph\u00e1t tri\u1ec3n \u0111\u1ec3 \u0111\u00e1p&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"source_url":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[1],"tags":[],"asset-category":[],"class_list":["post-403","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates<\/title>\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.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\" \/>\n<meta property=\"og:description\" content=\"Gi\u1edbi thi\u1ec7u Trong l\u0129nh v\u1ef1c tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u, s\u1ef1 r\u00f5 r\u00e0ng v\u00e0 hi\u1ec7u qu\u1ea3 l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng nh\u1ea5t. Visual Paradigm li\u00ean t\u1ee5c ph\u00e1t tri\u1ec3n \u0111\u1ec3 \u0111\u00e1p&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-27T09:18:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/6572013bb6169aa2643c647c071bc542\"},\"headline\":\"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode\",\"datePublished\":\"2026-07-27T09:18:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\"},\"wordCount\":1872,\"publisher\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\",\"url\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\",\"name\":\"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\",\"isPartOf\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\",\"datePublished\":\"2026-07-27T09:18:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage\",\"url\":\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\",\"contentUrl\":\"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go-notes.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#website\",\"url\":\"https:\/\/www.go-notes.com\/vn\/\",\"name\":\"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go-notes.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#organization\",\"name\":\"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\",\"url\":\"https:\/\/www.go-notes.com\/vn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go-notes.com\/vn\/wp-content\/uploads\/sites\/25\/2026\/03\/go-notes-logo2.png\",\"contentUrl\":\"https:\/\/www.go-notes.com\/vn\/wp-content\/uploads\/sites\/25\/2026\/03\/go-notes-logo2.png\",\"width\":843,\"height\":294,\"caption\":\"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates\"},\"image\":{\"@id\":\"https:\/\/www.go-notes.com\/vn\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/6572013bb6169aa2643c647c071bc542\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go-notes.com\/vn\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","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.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/","og_locale":"vi_VN","og_type":"article","og_title":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","og_description":"Gi\u1edbi thi\u1ec7u Trong l\u0129nh v\u1ef1c tr\u1ef1c quan h\u00f3a d\u1eef li\u1ec7u, s\u1ef1 r\u00f5 r\u00e0ng v\u00e0 hi\u1ec7u qu\u1ea3 l\u00e0 y\u1ebfu t\u1ed1 quan tr\u1ecdng nh\u1ea5t. Visual Paradigm li\u00ean t\u1ee5c ph\u00e1t tri\u1ec3n \u0111\u1ec3 \u0111\u00e1p&hellip;","og_url":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/","og_site_name":"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","article_published_time":"2026-07-27T09:18:09+00:00","og_image":[{"url":"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":false,"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/"},"author":{"name":"curtis","@id":"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/6572013bb6169aa2643c647c071bc542"},"headline":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode","datePublished":"2026-07-27T09:18:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/"},"wordCount":1872,"publisher":{"@id":"https:\/\/www.go-notes.com\/vn\/#organization"},"image":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png","articleSection":["Uncategorized"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/","url":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/","name":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode - Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","isPartOf":{"@id":"https:\/\/www.go-notes.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png","datePublished":"2026-07-27T09:18:09+00:00","breadcrumb":{"@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#primaryimage","url":"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png","contentUrl":"https:\/\/www.go-notes.com\/wp-content\/uploads\/2026\/07\/img_6a672224131b8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.go-notes.com\/vn\/mastering-data-visualization-a-step-by-step-guide-to-echarts-auto-formatting-in-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go-notes.com\/vn\/"},{"@type":"ListItem","position":2,"name":"L\u00e0m ch\u1ee7 Tr\u1ef1c quan h\u00f3a D\u1eef li\u1ec7u: H\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc v\u1ec1 T\u1ef1 \u0111\u1ed9ng \u0110\u1ecbnh d\u1ea1ng ECharts trong VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.go-notes.com\/vn\/#website","url":"https:\/\/www.go-notes.com\/vn\/","name":"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","description":"","publisher":{"@id":"https:\/\/www.go-notes.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go-notes.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.go-notes.com\/vn\/#organization","name":"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates","url":"https:\/\/www.go-notes.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go-notes.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.go-notes.com\/vn\/wp-content\/uploads\/sites\/25\/2026\/03\/go-notes-logo2.png","contentUrl":"https:\/\/www.go-notes.com\/vn\/wp-content\/uploads\/sites\/25\/2026\/03\/go-notes-logo2.png","width":843,"height":294,"caption":"Go Notes Ti\u1ebfng Vi\u1ec7t\u2013 AI Knowledge, Tips &amp; Latest Updates"},"image":{"@id":"https:\/\/www.go-notes.com\/vn\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/6572013bb6169aa2643c647c071bc542","name":"curtis","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.go-notes.com\/vn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go-notes.com\/vn\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":0,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/tags?post=403"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.go-notes.com\/vn\/wp-json\/wp\/v2\/asset-category?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}