{"id":2065,"date":"2026-07-27T01:16:35","date_gmt":"2026-07-27T01:16:35","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/line-chart-trend-tracking-and-continuous-data-guide\/"},"modified":"2026-07-27T01:16:35","modified_gmt":"2026-07-27T01:16:35","slug":"line-chart-trend-tracking-and-continuous-data-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/","title":{"rendered":"Bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng: Theo d\u00f5i xu h\u01b0\u1edbng v\u00e0 d\u1eef li\u1ec7u li\u00ean t\u1ee5c"},"content":{"rendered":"

Khi theo d\u00f5i s\u1ef1 ti\u1ebfn tri\u1ec3n li\u00ean t\u1ee5c ho\u1eb7c thay \u0111\u1ed5i theo chu\u1ed7i th\u1eddi gian, th\u00ecBi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng<\/strong>ph\u1ee5c v\u1ee5 nh\u01b0 c\u00f4ng c\u1ee5 tr\u1ef1c quan ch\u00ednh. Kh\u00e1c v\u1edbi bi\u1ec3u \u0111\u1ed3 c\u1ed9t ho\u1eb7c bi\u1ec3u \u0111\u1ed3 thanh r\u1eddi r\u1ea1c t\u1eadp trung v\u00e0o so s\u00e1nh t\u1eebng danh m\u1ee5c ri\u00eang l\u1ebb, bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng nh\u1ea5n m\u1ea1nh m\u1ed1i li\u00ean h\u1ec7 v\u00e0 \u0111\u1ed9 d\u1ed1c \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt\u0111\u1ed9ng l\u01b0\u1ee3ng, t\u00ednh m\u00f9a v\u1ee5 v\u00e0 nh\u1eefng thay \u0111\u1ed5i \u0111\u1ed9t ng\u1ed9t trong ch\u1ec9 s\u1ed1<\/em>tr\u00ean c\u00e1c chu\u1ed7i li\u00ean t\u1ee5c, ch\u1eb3ng h\u1ea1n nh\u01b0 t\u0103ng tr\u01b0\u1edfng ng\u01b0\u1eddi d\u00f9ng ho\u1ea1t \u0111\u1ed9ng h\u00e0ng ng\u00e0y, doanh thu \u0111\u1ecbnh k\u1ef3 h\u00e0ng th\u00e1ng ho\u1eb7c lu\u1ed3ng d\u1eef li\u1ec7u c\u1ea3m bi\u1ebfn.<\/p>\n

C\u01a1 ch\u1ebf c\u1ee7a bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng<\/h2>\n

Trong Apache ECharts, c\u00e1c tr\u1ef1c quan h\u00f3a d\u1ea1ng \u0111\u01b0\u1eddng \u0111\u01b0\u1ee3c c\u1ea5u h\u00ecnh b\u1eb1ng c\u00e1ch thi\u1ebft l\u1eadp thu\u1ed9c t\u00ednh seriestype<\/code>thu\u1ed9c t\u00ednh th\u00e0nh'line'<\/code>. Bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng n\u1ed1i c\u00e1c \u0111i\u1ec3m d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo th\u1ee9 t\u1ef1 d\u1ecdc theo tr\u1ee5c ngang thang \u0111o ph\u00e2n lo\u1ea1i li\u00ean t\u1ee5c ho\u1eb7c theo thang th\u1eddi gian (xAxis<\/code>) v\u00e0 \u00e1nh x\u1ea1 c\u00e1c gi\u00e1 tr\u1ecb s\u1ed1 li\u00ean t\u1ee5c l\u00ean tr\u1ee5c \u0111\u1ee9ng (yAxis<\/code>).<\/p>\n

1. C\u00e0i \u0111\u1eb7t c\u01a1 b\u1ea3n<\/h3>\n

\u0110\u1ec3 x\u00e2y d\u1ef1ng bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng c\u01a1 b\u1ea3n, h\u00e3y x\u00e1c \u0111\u1ecbnh c\u00e1c danh m\u1ee5c li\u00ean t\u1ee5c d\u1ecdc theo tr\u1ee5c X v\u00e0 \u00e1nh x\u1ea1 b\u1ed9 d\u1eef li\u1ec7u c\u1ee7a b\u1ea1n v\u00e0o m\u1ed9t \u0111\u1ed1i t\u01b0\u1ee3ng chu\u1ed7i v\u1edbitype: 'line'<\/code>:<\/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    },\r\n    xAxis: {\r\n        type: 'category',\r\n        data: ['Th\u1ee9 Hai', 'Th\u1ee9 Ba', 'Th\u1ee9 T\u01b0', 'Th\u1ee9 N\u0103m', 'Th\u1ee9 S\u00e1u', 'Th\u1ee9 B\u1ea3y', 'Ch\u1ee7 Nh\u1eadt']\r\n    },\r\n    yAxis: {\r\n        type: 'value'\r\n    },\r\n    series: [\r\n        {\r\n            type: 'line',\r\n            data: [150, 230, 224, 218, 135, 147, 260]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\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
Bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng cung c\u1ea5p s\u1ef1 linh ho\u1ea1t cho vi\u1ec7c ch\u1ed3ng ch\u00e9o nhi\u1ec1u ch\u1ec9 s\u1ed1, c\u00e1c \u0111\u01b0\u1eddng cong n\u1ed9i suy tr\u01a1n tru v\u00e0 c\u00e1c ch\u1ec9 b\u00e1o \u0111i\u1ec3m d\u1eef li\u1ec7u t\u00f9y ch\u1ec9nh.<\/p>\n
1. C\u00e1c \u0111\u01b0\u1eddng cong n\u1ed9i suy tr\u01a1n tru<\/h3>\n
M\u1eb7c \u0111\u1ecbnh, c\u00e1c chu\u1ed7i \u0111\u01b0\u1eddng n\u1ed1i c\u00e1c \u0111i\u1ec3m d\u1eef li\u1ec7u b\u1eb1ng c\u00e1c \u0111o\u1ea1n th\u1eb3ng. K\u00edch ho\u1ea1tsmooth: true<\/code>s\u1ebd \u00e1p d\u1ee5ng n\u1ed9i suy \u0111\u01b0\u1eddng cong b\u1eadc ba \u0111\u1ec3 t\u1ea1o ra c\u00e1c \u0111\u01b0\u1eddng cong t\u1ef1 nhi\u00ean xuy\u00ean su\u1ed1t b\u1ed9 d\u1eef li\u1ec7u c\u1ee7a b\u1ea1n:<\/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: 'tr\u1ee5c'\r\n    },\r\n    tr\u1ee5cX: {\r\n        lo\u1ea1i: 'danh m\u1ee5c',\r\n        d\u1eef li\u1ec7u: ['Thg 1', 'Thg 2', 'Thg 3', 'Thg 4', 'Thg 5', 'Thg 6']\r\n    },\r\n    tr\u1ee5cY: {\r\n        lo\u1ea1i: 'gi\u00e1 tr\u1ecb'\r\n    },\r\n    chu\u1ed7i: [\r\n        {\r\n            lo\u1ea1i: '\u0111\u01b0\u1eddng',\r\n            m\u01b0\u1ee3t: true,\r\n            d\u1eef li\u1ec7u: [820, 932, 901, 934, 1290, 1330],\r\n            ki\u1ec3u\u0110\u01b0\u1eddng: {\r\n                \u0111\u1ed9 r\u1ed9ng: 3,\r\n                m\u00e0u: '#5470c6'\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
2. So s\u00e1nh hi\u1ec7u su\u1ea5t \u0111a \u0111\u01b0\u1eddng<\/h3>\n
So s\u00e1nh c\u00e1c ch\u1ec9 s\u1ed1 ph\u1ee5 tr\u00ean c\u00e1c kho\u1ea3ng th\u1eddi gian gi\u1ed1ng nhau b\u1eb1ng c\u00e1ch cung c\u1ea5p nhi\u1ec1u \u0111\u1ed1i t\u01b0\u1ee3ng \u0111\u01b0\u1eddng b\u00ean trongchu\u1ed7i<\/code>m\u1ea3ng:<\/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: 'tr\u1ee5c'\r\n    },\r\n    ch\u00fa th\u00edch: {\r\n        d\u1eef li\u1ec7u: ['K\u1ef3 hi\u1ec7n t\u1ea1i', 'K\u1ef3 tr\u01b0\u1edbc']\r\n    },\r\n    tr\u1ee5cX: {\r\n        lo\u1ea1i: 'danh m\u1ee5c',\r\n        d\u1eef li\u1ec7u: ['Tu\u1ea7n 1', 'Tu\u1ea7n 2', 'Tu\u1ea7n 3', 'Tu\u1ea7n 4']\r\n    },\r\n    tr\u1ee5cY: {\r\n        lo\u1ea1i: 'gi\u00e1 tr\u1ecb'\r\n    },\r\n    chu\u1ed7i: [\r\n        {\r\n            t\u00ean: 'K\u1ef3 hi\u1ec7n t\u1ea1i',\r\n            lo\u1ea1i: '\u0111\u01b0\u1eddng',\r\n            m\u01b0\u1ee3t: true,\r\n            d\u1eef li\u1ec7u: [320, 332, 301, 334],\r\n            ki\u1ec3uM\u1ee5c: { m\u00e0u: '#5470c6' }\r\n        },\r\n        {\r\n            t\u00ean: 'K\u1ef3 tr\u01b0\u1edbc',\r\n            lo\u1ea1i: '\u0111\u01b0\u1eddng',\r\n            m\u01b0\u1ee3t: true,\r\n            d\u1eef li\u1ec7u: [220, 182, 191, 234],\r\n            ki\u1ec3uM\u1ee5c: { m\u00e0u: '#91cc75' }\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 \u0111i\u1ec1n v\u00f9ng v\u00e0 \u0111i\u1ec3m d\u1eef li\u1ec7u<\/h2>\n
C\u00e1c chu\u1ed7i \u0111\u01b0\u1eddng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c n\u00e2ng cao v\u1ec1 m\u1eb7t th\u1ecb gi\u00e1c b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c l\u1edbp \u0111\u1ed5 m\u00e0u gradient m\u1edd v\u00e0 c\u00e1c \u0111i\u1ec3m \u0111\u00e1nh d\u1ea5u d\u1eef li\u1ec7u c\u1ee5 th\u1ec3 \u0111\u1ec3 thu h\u00fat s\u1ef1 ch\u00fa \u00fd v\u00e0o c\u00e1c m\u1ed1c quan tr\u1ecdng.<\/p>\n
1. \u0110\u1ecbnh d\u1ea1ng v\u00f9ng \u0111\u01b0\u1eddng<\/h3>\n
Th\u00eam m\u1ed9tareaStyle<\/code>t\u00ednh n\u0103ng n\u00e0y chuy\u1ec3n \u0111\u1ed5i bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng ti\u00eau chu\u1ea9n th\u00e0nh d\u1ea1ng v\u00f9ng, \u0111i\u1ec1n \u0111\u1ea7y khu v\u1ef1c gi\u1eefa \u0111\u01b0\u1eddng \u0111i v\u00e0 tr\u1ee5c ngang:<\/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    tr\u1ee5cX: {\r\n        lo\u1ea1i: 'danh m\u1ee5c',\r\n        kho\u1ea3ngC\u1ea1nh: false, \/\/ Canh th\u1eb3ng \u0111\u01b0\u1eddng v\u00e0o m\u00e9p tr\u1ee5c\r\n        d\u1eef li\u1ec7u: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '23:59']\r\n    },\r\n    tr\u1ee5cY: {\r\n        lo\u1ea1i: 'gi\u00e1 tr\u1ecb'\r\n    },\r\n    chu\u1ed7i: [\r\n        {\r\n            lo\u1ea1i: '\u0111\u01b0\u1eddng',\r\n            m\u01b0\u1ee3t: true,\r\n            d\u1eef li\u1ec7u: [300, 280, 250, 590, 820, 710, 430],\r\n            ki\u1ec3uV\u00f9ng: {\r\n                m\u00e0u: 'rgba(84, 112, 198, 0.25)' \/\/ \u0110i\u1ec1n m\u1edd d\u01b0\u1edbi \u0111\u01b0\u1eddng\r\n            },\r\n            ki\u1ec3u\u0110\u01b0\u1eddng: {\r\n                \u0111\u1ed9 r\u1ed9ng: 3,\r\n                m\u00e0u: '#5470c6'\r\n            },\r\n            k\u00edchTh\u01b0\u1edbcBi\u1ec3uT\u01b0\u1ee3ng: 8\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
  • S\u1eed d\u1ee5ngboundaryGap: false<\/code>cho c\u00e1c chu\u1ed7i th\u1eddi gian:<\/strong>Lo\u1ea1i b\u1ecf kho\u1ea3ng tr\u1ed1ng m\u00e9p m\u1eb7c \u0111\u1ecbnh tr\u00ean c\u00e1c tr\u1ee5c th\u1eddi gian li\u00ean t\u1ee5c gi\u00fap \u0111\u01b0\u1eddng b\u1eaft \u0111\u1ea7u ngay t\u1ea1i bi\u00ean \u0111\u1ed9 0, t\u1ea1o ra b\u1ed1 c\u1ee5c s\u1ea1ch s\u1ebd t\u1eeb m\u00e9p n\u00e0y sang m\u00e9p kia.<\/li>\n
  • Gi\u1eef s\u1ed1 l\u01b0\u1ee3ng \u0111\u01b0\u1eddng \u1edf m\u1ee9c th\u1ea5p:<\/strong>Tr\u00e1nh hi\u1ec3n th\u1ecb qu\u00e1 4 \u0111\u1ebfn 5 \u0111\u01b0\u1eddng tr\u00ean m\u1ed9t b\u1ea3ng v\u1ebd duy nh\u1ea5t. C\u00e1c bi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddng qu\u00e1 t\u1ea3i (‘bi\u1ec3u \u0111\u1ed3 m\u00ec \u1ed1ng’) nhanh ch\u00f3ng tr\u1edf n\u00ean kh\u00f3 \u0111\u1ecdc.<\/li>\n
  • K\u00edch ho\u1ea1t c\u00f4ng c\u1ee5 g\u1ee3i \u00fd tr\u1ee5c<\/strong> Lu\u00f4n c\u1ea5u h\u00ecnh tooltip: { trigger: 'tr\u1ee5c' }<\/code>\u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 di chu\u1ed9t qua b\u1ea5t k\u1ef3 \u0111i\u1ec3m ngang n\u00e0o \u0111\u1ec3 xem c\u00e1c gi\u00e1 tr\u1ecb ch\u00ednh x\u00e1c tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c chu\u1ed7i \u0111\u01b0\u1eddng ho\u1ea1t \u0111\u1ed9ng c\u00f9ng l\u00fac.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Khi theo d\u00f5i s\u1ef1 ti\u1ebfn tri\u1ec3n li\u00ean t\u1ee5c ho\u1eb7c thay \u0111\u1ed5i theo chu\u1ed7i th\u1eddi gian, th\u00ecBi\u1ec3u \u0111\u1ed3 \u0111\u01b0\u1eddngph\u1ee5c v\u1ee5 nh\u01b0 c\u00f4ng c\u1ee5 tr\u1ef1c quan ch\u00ednh. Kh\u00e1c v\u1edbi bi\u1ec3u \u0111\u1ed3 c\u1ed9t ho\u1eb7c bi\u1ec3u \u0111\u1ed3 thanh r\u1eddi r\u1ea1c t\u1eadp trung v\u00e0o so…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":5,"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-2065","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nECharts Line Chart Guide | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free 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\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Line Chart Guide | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-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_6a66b41f81b9e.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=\"3 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\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/\",\"name\":\"ECharts Line Chart Guide | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b41f81b9e.png\",\"datePublished\":\"2026-07-27T01:16:35+00:00\",\"description\":\"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b41f81b9e.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a66b41f81b9e.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/line-chart-trend-tracking-and-continuous-data-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 \u0111\u01b0\u1eddng: Theo d\u00f5i xu h\u01b0\u1edbng v\u00e0 d\u1eef li\u1ec7u li\u00ean t\u1ee5c\"}]},{\"@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 Line Chart Guide | VPasCode Text to Diagram Tool","description":"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free 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\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"ECharts Line Chart Guide | VPasCode Text to Diagram Tool","og_description":"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b41f81b9e.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/","name":"ECharts Line Chart Guide | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b41f81b9e.png","datePublished":"2026-07-27T01:16:35+00:00","description":"Plot continuous data trends over time using ECharts line chart scripts in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b41f81b9e.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a66b41f81b9e.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/line-chart-trend-tracking-and-continuous-data-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 \u0111\u01b0\u1eddng: Theo d\u00f5i xu h\u01b0\u1edbng v\u00e0 d\u1eef li\u1ec7u li\u00ean t\u1ee5c"}]},{"@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\/2065","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=2065"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}