- [C#] Hướng dẫn fix lỗi Visual Studio 2022 not Support Target Net Framework 4.5.2
- [C#] Giới thiệu thư viện Sunny UI thiết kế giao diện trên Winform
- [DATABASE] Hướng dẫn thêm và cập nhật Extended Property Column trong Table Sqlserver
- [DEVEXPRESS] Hướng dẫn sử dụng Vertical Gridview để hiển thị thông tin sản phẩm
- [C#] Hướng dẫn sử dụng Json Schema để Validate chuỗi string có phải json
- [C#] Hướng dẫn sử dụng công cụ Clean Code trên Visual Studio
- [C#] Hướng dẫn Drag and Drop File vào RichTextBox
- [C#] Hướng dẫn tạo hiệu ứng Karaoke Text Effect Winform
- [C#] Sử dụng thư viện ZedGraph vẽ biểu đồ Line, Bar, Pie trên Winform
- [DATABASE] Hướng dẫn sort sắp xếp địa chỉ IP trên sqlserver sử dụng hàm PARSENAME
- [C#] Theo dõi sử kiện process Start hay Stop trên Winform
- [ASP.NET] Chia sẻ source code chụp hình sử dụng camera trên website
- [C#] Chạy ứng dụng trên Virtual Desktop (màn hình ảo) Winform
- [C#] Mã hóa và giải mã Data Protection API trên winform
- [C#] Hướng dẫn tạo Gradient Background trên Winform
- [DATABASE] Hướng dẫn convert Epoch to DateTime trong sqlserver
- [DATABASE] Hướng dẫn sử dụng STRING_AGG và CONCAT_WS trong sqlserver 2017
- [C#] Hướng dẫn Copy With All Property in Class Object
- [DEVEXPRESS] Hướng dẫn load Json DataSource vào GridView
- [C#] Hướng dẫn tạo chữ ký trên winform Signature Pad
Hướng dẫn thiết kế Report với XrChart trong DevExpress
Lần trước mình có bài viết hướng dẫn các bạn cách sử dụng công cụ Chart Control để vẽ biểu đồ trên form, hôm nay mình sẽ hướng dẫn các bạn cách vẽ biểu đồ xuất ra report có thể in ấn được, công cụ hữu ích cho bạn nào chuyển làm các báo cáo phân tích số liệu, đánh giá số liệu dựa trên những số liệu thống kê.
- Trước tiên bạn thiết kế cho mình dữ liệu đơn giản như sau:
- Ở bài viết này mình không nhắc lại cách thiết kế form hiện thị report, nếu bạn nào chưa nắm thì xem bài "Hướng dẫn thiết kế Report với DevExpress". Bạn click chuột phải tao Report mới, trong bài viết này mình tạm gọi là "rpt_chart"
- Sau đó bạn dùng công cụ XRChart trong phần Report Controls.
- Bạn click biểu tưởng hình mũi tên nhỏ góc phải phía trên bạn tạo DataSource như hình bên dưới.
-
- Sau khi bạn chọn kiểu biểu đồ cần vẽ, tại phần Series, bạn đổi tên Series name: Nông sản, như hình bên dưới.
- Tại phần quan trọng Data bạn lưu ý cho mình 2 thẻ "Series Binding" và "Auto-created series" đồng thời thiết lập cho mình các thông tin bên dưới. Trong đó phần "Argument Properties" bạn chọn đối tượng cần vẽ ở bài viết này mình nói đến đối tượng "sản phẩm". Sau đó phần "Value Properties" thể hiển các giá trị của sản phẩm cần vẽ biểu đồ.
- Tương tự thiết lập cho thẻ "Auto-created series".
- Tiếp đến tại phần "Point Labels" hiển thị giá trị tại điểm vẽ biểu đồ.
- Tiếp đến phần "Chart Title" hiển thị tên đồ thị
- Như vậy đến đây xem như các công việc thiết kế đã hoàn tất. Các bạn lưu ý phần biểu đồ không đặt trong phần Detail của report bạn để Group Footer nhé. Tại Report bạn nhấn F7 để viết dòng code này vào nhé.
Public Sub BindData()
XrChart1.DataSource = dsReports.Tables(0)
End Sub
- Bây giờ bạn quay lại form hiển thị report tại sự kiện form_load bạn viết như sau:
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
dsReports = _load_data("select * from tbl_sanpham")
Dim rpt As New rpt_Chart
rpt.DataSource = dsReports 'Load dataset vào report
rpt.BindData()
'hiện thị report lên form
DocumentViewer1.PrintingSystem = rpt.PrintingSystem
rpt.CreateDocument()
End Sub
- Nhấn F5 để xem thành quả của mình xem nào. Cũng khá đơn giản phải không các bạn, chúc các bạn thành công.