apexcharts/Blazor-ApexCharts

📊 Biểu đồ ApexCharts ngay trong Blazor, không cần chạm JS

Wrapper Blazor cho ApexCharts.js — vẽ biểu đồ phong phú chỉ bằng component Razor.

Blazor-ApexCharts đưa thư viện biểu đồ ApexCharts.js vào thế giới Blazor, cho phép các nhà phát triển .NET xây dựng biểu đồ tương tác phong phú ngay trong các dự án Blazor Server, WebAssembly, hoặc .NET MAUI mà không cần viết JavaScript thủ công. Dự án hỗ trợ cài đặt qua NuGet, cấu hình qua DI và tích hợp liền mạch với Razor Components.

✨ Điểm nổi bật

• Cài đặt qua NuGet: Hỗ trợ cả dự án Blazor truyền thống và .NET MAUI với hai gói riêng biệt.
• Dịch vụ biểu đồ toàn cục: ApexChartService quản lý tuỳ chọn toàn cục, ngôn ngữ và danh sách biểu đồ qua DI.
• Tích hợp Razor Component: Dùng trực tiếp component <ApexChart> và <ApexPointSeries> trong file .razor.
• Hỗ trợ .NET 8: Yêu cầu thiết lập chế độ tương tác (Interactive Server/WebAssembly/Auto).
• Tuỳ chọn mở rộng: Cấu hình chi tiết qua lớp ApexChartOptions, mỗi biểu đồ cần một đối tượng options riêng.
• Hỗ trợ nhiều loại biểu đồ: Thanh, đường, tròn, vùng, đám mây… theo tiêu chuẩn của ApexCharts.js.

💡 Vì sao đáng chú ý

Thay vì phải bọc thủ công ApexCharts.js bằng JavaScript interop, Blazor-ApexCharts cung cấp một lớp abstraction sạch sẽ, mang nguyên nghĩa vụ lựa chọn và hiệu năng cao từ thư viện gốc. Phù hợp cho các ứng dụng .NET hiện đại cần biểu đồ phong phú mà vẫn muốn giữ tư duy phát triển bằng C# và Razor.

#Blazor #ApexCharts #OpenSource #TiniX