Đồ thị

Nhấn vào đây để sao chép

Yếu tố để hiển thị đồ thị và biểu đồ


Thiết lập ban đầu:

Model - mô hình dữ liệu cho biểu đồ.

Endpoint - nguồn dữ liệu cho biểu đồ.

Field X - sẽ được hiển thị trong cài đặt ban đầu khi Model chỉ được chỉ định.

Field Y - sẽ được hiển thị trong cài đặt ban đầu khi Model chỉ được chỉ định.

Chart


Cài đặt Giao diện:

Title (không bắt buộc) - tiêu đề biểu đồ.

Type size (bắt buộc) - loại biểu đồ.

X axe caption trục x (không bắt buộc) - tiêu đề trục x.

Aggregate by (không bắt buộc) - sắp xếp theo ngày.

Y axe caption trục y (không bắt buộc) - tiêu đề trục y.

Method (không bắt buộc) - phương pháp đếm.

Name (bắt buộc) - tên của biểu đồ.

Chart


Dữ liệu:

Trong phần này, bạn có thể kiểm soát các trục của biểu đồ.

Data


Trình kích hoạt quy trình làm việc:

  • onCreate – kích hoạt khi thành phần được tạo trên trang;
  • onShow – kích hoạt khi thành phần thay đổi trạng thái thành hiển thị (hiển thị trên trang);
  • onHide – kích hoạt khi thành phần thay đổi trạng thái thành ẩn (ngừng hiển thị);
  • onDestroy – kích hoạt khi thành phần bị phá hủy;
  • onDataUpdate – kích hoạt khối Dữ liệu cập nhật biểu đồ.

Hành động thành phần:

Chart Get Properties:

Nhận các thuộc tính của biểu đồ

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần biểu đồ.

Thông số đầu ra :

  • Aggregate by [enum] - phương pháp tổng hợp theo ngày đã chọn;
  • Method [enum] - phương pháp đếm đã chọn;
  • X axe caption [string] - tiêu đề trục x;
  • Y axe caption [string] - tiêu đề trục y;
  • Visible [boolean] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái đang tải.

Chart Get Properties

Chart Set Properties:

Đặt thuộc tính của biểu đồ

Thông số đầu vào :

  • Component Id [string] - định danh của thành phần biểu đồ;
  • Aggregate by [enum] - phương pháp tổng hợp theo ngày đã chọn;
  • Method [enum] - phương pháp đếm đã chọn;
  • X axe caption [string] - tiêu đề trục x;
  • Y axe caption [string] - tiêu đề trục y;
  • Visible [boolean ] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái đang tải.

Chart Set Properties

Chart Update Properties:

Cập nhật thuộc tính của biểu đồ

Thông số đầu vào :

  • Component Id [string] - định danh của thành phần biểu đồ;
  • Aggregate by [enum] - phương pháp tổng hợp theo ngày đã chọn;
  • Method [enum] - phương pháp đếm đã chọn;
  • X axe caption [string] - tiêu đề trục x;
  • Y axe caption [string] - tiêu đề trục y;
  • Visible [boolean ] - trạng thái hiển thị;
  • Loading [boolean] - trạng thái đang tải.

Chart Update Properties

Chart Get Data

Lấy dữ liệu từ biểu đồ

Thông số đầu vào :

  • Component Id [string] - xem mã định danh của thành phần.

Thông số đầu ra :

  • Data [Data Model] - Phần tử Mô hình dữ liệu sẽ được sử dụng. Có sẵn trong quy trình kinh doanh khi ID thành phần chỉ được chỉ định.

Chart Get Data

Chart Set Data

Đặt dữ liệu cho biểu đồ

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần biểu đồ.
  • Data [Data Model] - Phần tử Mô hình dữ liệu sẽ được sử dụng. Có sẵn trong quy trình kinh doanh khi ID thành phần chỉ được chỉ định.

Chart Set Data

Chart Update Data

Cập nhật dữ liệu cho biểu đồ

Thông số đầu vào :

  • Component Id [string] - mã định danh của thành phần biểu đồ.
  • Data [Data Model] - Phần tử Mô hình dữ liệu sẽ được sử dụng. Có sẵn trong quy trình kinh doanh khi ID thành phần chỉ được chỉ định.

Chart Update Data

Ví dụ sử dụng:

Phần tử này phù hợp để hiển thị dữ liệu và mối quan hệ giữa chúng. Ví dụ: số lượng đơn đặt hàng, kể từ ngày