Hướng dẫn vẽ biểu đồ sử dụng ChartControl của DevExpress.

Lần trước mình có giới thiệu qua với các bạn công cụ vẽ biểu đồ của DevExpress, tuy nhiên có một số bạn không nắm rõ từng thuộc tính công cụ nên biết sử dụng như thế nào, bài viết này mình hướng dẫn chi tiết từng bước thực hiện. Trước tiên bạn thiết kế bảng dữ liệu cơ bản như sau:

Bước tiếp theo bạn thiết kế form cơ bản như sau:

B1. Bạn chọn "Add Project Data Source..." như hình trên.

B2: Tại đậy bạn chọn "Database", nhấn Next.

B3: Chọn Dataset, Nhấn Next.

B4: Tại bước này bạn chọn New Connection..., sau đó nhấn Next để tiếp tục.

B5: Cấu hình database như trên. Tại mục Server name: (local) dữ liệu tại máy của bạn.

- Chon mục User SQL Server Authentication

+ User name: sa

+ Password: matkhau "sa" máy của bạn.

- Tại Mục Connect to a Database, chọn đến Database cần vẽ biểu đồ.

Sau cấu hình xong database bạn nhấn OK để hoàn tất.

B6: Bạn chọn đến database kết nối vừa thiết lập ở B5, chọn thuộc tính như trên hình, nhấn Next.

B7: Nhấn Next

B8: Chọn bảng cần vẽ biểu đồ, ví dụ mình chọn bảng tbl_sanpham. Nhấn Finish để hoàn tất.

B9: Lúc này bạn sẽ thấy mục "Choose Data Source" có tham chiếu đến dataset mình vừa thiết lập từ B1-8. Tại đây bạn chọn Run Wizard... để thiết lập vẽ biểu đồ

B9: Tại mục Char Type bạn chọn kiểu biểu đồ cần vẽ, ở đây mình chon kiểu biểu đồ Bar.

B10: Tại mục Series. Bạn đổi tên Series name: Nông sản, như trên hình.

B11: Tại mục Data, bạn thiết lập tại thẻ Series Binding như trên hình.

B12. Cũng tại mục Data tại thẻ Auto-created series, bạn thiết lập như trên hình.

Ý nghĩa B11, B12 mình giải thích chổ này, cột sanpham là cột biểu đồ nằm ngang, còn cột soluong là cột biểu đồ nằm dọc.

B13: Mục Point Labels hiển thị giá trị trên đâu cột đồ thị. Chỉ cần bạn click chọn vào Visible là OK.

B14: Mục Chart Titles thêm tiêu đề của biểu đồ. Tới đây xem như là xong.

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
            Dim ds As New DataSet
            ds = _load_data("set dateformat dmy select * from tbl_sanpham")
            ChartControl1.DataSource = ds.Tables(0)
End Sub

Đến đây xem như mọi thứ hoàn tất. Nhấn F5 để thưởng thức thành quả.