Tổng quan
Highcharts Core là thư viện JavaScript dựng biểu đồ dựa trên SVG, trước đây được biết đến với tên Highcharts JS. Nền tảng này đã được phát triển liên tục từ năm 2009 và hướng đến việc đưa các biểu đồ tương tác vào web pages cũng như mobile projects.
Cách triển khai của Highcharts Core thiên về front-end thuần trình duyệt. Thư viện không yêu cầu framework hay plugin bổ sung để chạy, chỉ cần script highcharts.js và có thể dùng với bất kỳ server nào phục vụ static files.
Thư viện JavaScript dựng biểu đồ SVG tương tác cho web và mobile, hỗ trợ nhiều chart types, responsive, accessibility và export. Tương thích React, Angular, Vue.js cùng mọi back-end có thể phục vụ static files.
Tính năng nổi bật
- Hỗ trợ line, area, column, bar, pie, scatter, bubble, heatmap và treemap.
- Bao gồm các biểu đồ nâng cao như sankey, network graph, organization chart và sunburst.
- Nhận dữ liệu từ CSV, JSON và các nguồn cập nhật live.
- Nạp dữ liệu ngoài qua Data Module từ CSV files, HTML tables và Google Spreadsheets.
- Render hàng nghìn đến hàng triệu điểm dữ liệu trong trình duyệt bằng Boost Module dùng WebGL.
- Thêm annotations bằng shape và text trên canvas hoặc gắn vào data points cụ thể.
- Điều chỉnh vị trí annotations theo kích thước canvas và màn hình.
Ứng dụng thực tế
- Xây dựng dashboard dữ liệu cho web applications.
- Hiển thị biểu đồ tương tác trên trang web doanh nghiệp hoặc cổng nội bộ.
- Trực quan hóa dữ liệu thời gian thực với live updates.
- Tạo biểu đồ tối ưu cho mobile web và touch screens.
- Kết nối dữ liệu từ CSV, HTML tables hoặc Google Spreadsheets để dựng chart.
Đối tượng sử dụng phù hợp
- Lập trình viên JavaScript front-end
- Nhóm phát triển React, Angular, Vue.js, Svelte
- Kỹ sư xây dựng dashboard và data visualization
- Technical lead cần thư viện charting cho web applications
Thông tin kỹ thuật
Câu hỏi thường gặp
Highcharts Core có cần cài thêm framework hoặc plugin để chạy không?
Không. Thư viện hoạt động độc lập và chỉ cần script core highcharts.js.
Highcharts Core có dùng được với back-end riêng của tôi không?
Có. Thư viện backend-agnostic và dùng được với bất kỳ server stack nào có thể phục vụ static files.
Highcharts Core hỗ trợ framework front-end nào?
Dữ liệu tương thích nêu Angular, AngularJS, React, Vue.js và Svelte.
Có thể xuất biểu đồ ra định dạng nào?
Khi bật exporting module, người dùng có thể export sang PNG, JPG, PDF hoặc SVG, đồng thời in trực tiếp từ trang web.
Highcharts Core có hỗ trợ dữ liệu lớn không?
Có. Boost Module dùng WebGL cho phép render hàng nghìn đến hàng triệu dữ liệu trong trình duyệt.
Bình luận