amCharts 5: Charts
Thư viện JavaScript cho biểu đồ tương tác, hỗ trợ TypeScript, ES6 modules, Angular, React, Vue.js và vanilla JavaScript. Phù hợp khi cần nhúng nhanh nhiều loại chart vào ứng dụng web.
- 10môi trường phát triển
- 5.xphiên bản
theo số lượng & VAT
- Chính hãng từ hãng
- Xuất hóa đơn VAT
- Tư vấn miễn phí
Tương thích
Tính năng nổi bật
Sử dụng Canvas API để giảm phần tử DOM và tăng tốc render trong nhiều trường hợp.
Tách lớp hiển thị bằng nhiều canvas độc lập cho các vùng cập nhật thường xuyên.
Xử lý dữ liệu bằng incremental updates và đối tượng dữ liệu gọn nhẹ.
Chạy nhiều chart trên cùng một trang nhờ cách parse và render nhẹ.
Giữ phần lõi khoảng 400KB để chỉ tải phần chức năng cần dùng.
Hỗ trợ tree-shaking tốt khi đóng gói bằng Webpack hoặc công cụ tương tự.
Tạo pictorial chart nhiều lớp, nhiều series với bất kỳ SVG path nào.
Hiển thị Sankey diagram ngang hoặc dọc với node kéo thả và cấu hình chi tiết.
Mở rộng radar chart với stacked column, bands, axes và các cải tiến hiển thị.
Tạo treemap nhiều cấp có thể zoom và cấu hình sâu.
Xây dựng heatmap với trục tùy chỉnh, dải màu và Heat Legend tương tác.
Biểu diễn dữ liệu quan hệ bằng Chord, Chord directed và Chord non-ribbon.
Hỗ trợ funnel chart với diện tích lát cắt phản ánh giá trị rõ hơn.
Áp dụng theme bằng hệ rule kiểu CSS theo loại, tính năng hoặc vị trí phần tử.
Animate màu sắc, vị trí, kích thước, độ mờ và nhiều thuộc tính khác.
Bao phủ nhiều chart type như Gantt, Waterfall, Gauge, Sunburst, Word cloud và Venn.
Tổng quan
amCharts 5: Charts tập trung vào nhu cầu trực quan hóa dữ liệu trên nền JavaScript với khả năng nhúng biểu đồ tương tác vào nhiều loại ứng dụng. Bộ thư viện hỗ trợ sẵn TypeScript và ES6 modules, phù hợp cho dự án Angular, React, Vue.js hoặc mã JavaScript thuần.
Cơ chế render dựa trên Canvas API giúp giảm số lượng phần tử trong DOM, từ đó cải thiện tốc độ hiển thị trong nhiều tình huống. Kiến trúc layering tách các nhóm phần tử sang những canvas độc lập để vùng cập nhật liên tục không kéo theo repaint cho toàn bộ biểu đồ.
Phù hợp cho
- 01
Dashboard web cần hiển thị nhiều biểu đồ cùng lúc.
- 02
Ứng dụng Angular, React hoặc Vue.js cần chart tương tác.
- 03
Trang phân tích dữ liệu cần line, bar, scatter, bubble và heatmap.
- 04
Báo cáo luồng dữ liệu hoặc quan hệ hai chiều bằng Sankey và Chord diagram.
- 05
Giao diện trực quan hóa phân cấp bằng Treemap, Sunburst, Pack hoặc Force-directed tree.
- 06
Infographic hoặc biểu đồ đặc thù như Funnel, Pictorial, Gauge, Word cloud và Venn.
Ước tính chi phí trong 10 giây
Chọn số developer để xem chi phí tham khảo, sau đó nhận báo giá chính thức.
Thông số kỹ thuật
- Hãng
- amCharts
- Phiên bản
- 5.x
- Loại license
- Perpetual — Subscription Renewal
- Loại sản phẩm
- Thành phần
- Môi trường phát triển
- JavaScript, Angular, ECMAScript 6 (ES6), React, TypeScript, Vue.js, Cordova / PhoneGap, Ember và 2 môi trường khác
- Loại thành phần
- JavaScript, Angular, ECMAScript 6 (ES6), React, TypeScript, Vue.js
- Phiên bản sản phẩm: 5.x.
- Platforms and Integrations: JavaScript, Angular, Cordova / PhoneGap, Ember, React, RequireJS, Vue.js, Webpack.
- Supported Browsers Desktop: Chrome 17+, Firefox 6+, Safari 6+, Edge 12+, Internet Explorer 9+, Opera 15+, Chromium 43+.
- Supported Browsers Mobile: Android Browser 4.4+, Chrome Mobile 33+, Firefox Mobile 28+, Mobile Safari 6+, Opera Mobile 12+, Edge Mobile 1+, Samsung Internet 6.2+.
- Nhóm chart types gồm Standard Chart Types, Sliced Chart Types và Additional Chart Types.
- Standard Chart Types gồm Area, Bar, Bubble, Candlestick, Column, Combinations, Cone, Cylinder, Error, Floating, GANTT, Heatmap, Line, OHLC, Scatter, Smoothed line, Stacked, Step, Waterfall.
- Sliced Chart Types gồm Donut, Funnel, Pictorial, Pie, Pyramid, Sunburst.
- Additional Chart Types gồm Chord Diagram, Polar, Radar, Sankey Diagram, Treemap.
- Chart Features được liệt kê gồm Accessibility, Adapters, Flexible Charts, Incremental Data Updates, Multi-Theme Support, Multi-type multi-axis support, Smooth Animations, SVG Optimized for Performance, Text Formatting, Threaded Parsing and Rendering, Touch Support.
Câu hỏi thường gặp
AmCharts 5: Charts hỗ trợ framework nào?
Thư viện tương thích với Angular, React, Vue.js, TypeScript, ES6 modules và vanilla JavaScript.
Công nghệ render chính là gì?
AmCharts 5 sử dụng Canvas API của trình duyệt.
Có phù hợp cho dashboard nhiều biểu đồ không?
Mô tả sản phẩm nêu khả năng chạy nhiều chart trên cùng một trang nhờ cách parse và render nhẹ.
Có hỗ trợ tree-shaking không?
Có. Sản phẩm được mô tả là tree-shakable, đặc biệt khi dùng Webpack hoặc packager tương tự.
Những nhóm biểu đồ chính gồm gì?
Danh mục gồm Standard Chart Types, Sliced Chart Types và Additional Chart Types.
Có thể bạn quan tâm
amCharts 5: Stock Chart
Thư viện biểu đồ tài chính tương tác cho dữ liệu theo thời gian, kèm annotations, indicators, comparison và nhiều control dựng sẵn. Tương…
amCharts 5: Gantt
Thư viện JavaScript Gantt cho biểu đồ tiến độ dự án tương tác, hỗ trợ task dependency, chỉnh sửa trực tiếp, nhóm phân cấp và cập nhật dữ…
amCharts 5: Maps
Add-on cho amCharts 5: Charts, hỗ trợ tạo bản đồ tương tác cho website và ứng dụng với JavaScript, TypeScript, ES6, Angular, React, Vue.js…
Chưa chắc phương án nào phù hợp?
Cho chúng tôi biết nền tảng bạn đang dùng và số developer — chúng tôi đề xuất phương án tối ưu chi phí.