@digiforce-nc/plugin-data-visualization-pro

Plugin trực quan hóa dữ liệu nâng cao — tạo biểu đồ, dashboard tương tác và báo cáo phân tích từ dữ liệu collection.

Plugin này làm gì?

plugin-data-visualization-pro mở rộng khả năng hiển thị dữ liệu vượt xa biểu đồ cơ bản. Hỗ trợ nhiều loại chart (line, bar, pie, scatter, heatmap, funnel...), dashboard kéo-thả, bộ lọc tương tác và export báo cáo.

Cơ chế hoạt động

Tính năng chính

#	Tính năng	Mô tả
1	Nhiều loại chart	Line, Bar, Pie, Scatter, Heatmap, Funnel, Gauge, Radar
2	Dashboard kéo-thả	Bố cục tự do, resize, sắp xếp widget
3	Query builder	Xây dựng truy vấn trực quan, aggregation (SUM, AVG, COUNT...)
4	Bộ lọc tương tác	Filter liên kết giữa các chart trong dashboard
5	Export	Xuất dashboard ra PDF, PNG, CSV
6	Auto-refresh	Tự động cập nhật dữ liệu theo chu kỳ
7	Multi-datasource	Kết hợp dữ liệu từ nhiều collection/data source

API endpoints

Endpoint	Phương thức	Mô tả
`charts`	CRUD	Tạo, sửa, xóa, liệt kê chart
`charts:query`	POST	Thực thi query và trả về dữ liệu chart
`dashboards`	CRUD	Quản lý dashboard layout
`dashboards:export`	POST	Export dashboard ra file

Database

Bảng	Mô tả
`charts`	Cấu hình chart (type, query, options)
`chartQueries`	Query definition cho từng chart
`dashboards`	Dashboard metadata và layout
`dashboardCharts`	Liên kết chart → dashboard (vị trí, kích thước)

Kiến trúc nội bộ

Thành phần client

Thành phần	Mô tả
`ChartDesigner`	Giao diện thiết kế chart (chọn type, field, aggregation)
`DashboardBuilder`	Kéo-thả bố cục dashboard
`ChartRenderer`	Render biểu đồ dựa trên ECharts hoặc AntV
`FilterPanel`	Panel bộ lọc tương tác cho dashboard
`ExportButton`	Nút export dashboard ra PDF/PNG
`AutoRefreshToggle`	Bật/tắt tự động cập nhật

Dependencies

Package	Vai trò
`@digiforce-nc/server`	Server framework
`@digiforce-nc/database`	Database ORM
`@digiforce-nc/client`	Client UI framework
`@digiforce-nc/data-source-manager`	Truy vấn multi-datasource
`echarts`	Thư viện biểu đồ
`@ant-design/charts`	Chart components