Tổng quan
Basic Primitives Diagram tập trung vào việc dựng sơ đồ phân cấp và sơ đồ quan hệ bằng 100% JavaScript, không cần sắp xếp node thủ công. Thư viện phù hợp cho organizational chart, family tree, dependency diagram, financial ownership diagram và PERT chart.

Cơ chế auto layout xử lý bài toán phân bố node thưa, khó quan sát hoặc phải cuộn quá nhiều khi sơ đồ lớn. Widget tự tìm cách hiển thị hierarchy trong vùng màn hình hiện có, đồng thời giữ phần người dùng đang quan tâm ở kích thước đầy đủ.

Thư viện 100% JavaScript để xây dựng organizational chart, family tree, dependency diagram và PERT chart với auto layout, annotation và API chỉnh sửa dữ liệu sau khi render.

Tính năng nổi bật
- Hiển thị hierarchy visualization cho nhiều kiểu sơ đồ phân cấp và quan hệ.
- Scene Layout — Tạo organizational chart với auto layout không cần căn node thủ công.
- Biểu diễn multi-parent hierarchical chart cho cấu trúc nhiều cha mẹ.
- Dựng family tree và dependency trees trong cùng thư viện JavaScript.
- Hỗ trợ financial ownership diagram và business ownership diagram.
- Trình bày PERT chart cho các quan hệ phụ thuộc theo tiến trình.
- Điều hướng theo node focus với cursor item và các node lân cận hiển thị đầy đủ.
Ứng dụng thực tế
- Xây dựng sơ đồ tổ chức cho cổng nội bộ, intranet hoặc ứng dụng web.
- Trực quan hóa quan hệ phụ thuộc trong hệ thống phân tích dữ liệu và BI.
- Hiển thị family tree hoặc cấu trúc nhiều cha mẹ trong dữ liệu nghiệp vụ.
- Tạo sơ đồ ownership và dependency cho dashboard quản trị.
- Xuất sơ đồ sang PDF từ ứng dụng JavaScript phía client hoặc NodeJS.
Đối tượng sử dụng phù hợp
- Frontend developers cần thư viện diagram thuần JavaScript
- Technical leads xây dựng ứng dụng web có organizational chart hoặc dependency visualization
- Teams phát triển AngularJS, ReactJS hoặc ASP.NET cần nhúng diagram component
- Nhóm BI và analytics cần biểu diễn dữ liệu phân cấp theo ngữ cảnh người dùng
Thông tin kỹ thuật
Câu hỏi thường gặp
Basic Primitives Diagram hỗ trợ những loại sơ đồ nào?
Danh sách hỗ trợ gồm hierarchy visualization, organizational chart, multi-parent hierarchical chart, family tree, dependencies diagram, PERT chart và financial ownership diagram.
Có thể chỉnh sửa dữ liệu sau khi sơ đồ đã render không?
Có. Full API cho phép thêm, xóa, sửa item và thay đổi nhiều thuộc tính sau khi chart đã được tạo.
Thư viện có chạy trên các trình duyệt phổ biến không?
Có. Mô tả nêu hỗ trợ Internet Explorer, Edge, Chrome, Firefox, Safari và mobile browsers.
Basic Primitives Diagram có hỗ trợ xuất PDF không?
Có. Sản phẩm hỗ trợ PDF bằng JavaScript trong trình duyệt hoặc NodeJS PDF rendering dựa trên PDFkit.
Có thể dùng với AngularJS, ReactJS hoặc ASP.NET không?
Có. Phần thông số kỹ thuật liệt kê AngularJS Directive, ReactJS và ASP.NET Controls.





Bình luận