Share via

Các tùy chọn kiểm soát Biểu đồ cột và Biểu đồ đường trong Power Apps

  • Bài viết

Các tùy chọn kiểm soát hiển thị dữ liệu dưới dạng biểu đồ với trục x và y.

Mô tả

Biểu đồ cột và Biểu đồ đường là các tùy chọn kiểm soát được nhóm. Mỗi nhóm chứa 3 tùy chọn kiểm soát: Label cho tiêu đề, đồ họa biểu đồ và Chú giải.

Thuộc tính chính của biểu đồ

Items – Nguồn dữ liệu xuất hiện trong tùy chọn kiểm soát, chẳng hạn như bộ sưu tập, danh sách hoặc biểu đồ.

NumberOfSeries – Có bao nhiêu cột dữ liệu được phản ánh trong một biểu đồ cột hoặc biểu đồ đường.

Thuộc tính bổ sung của biểu đồ

BorderColor – Màu viền của tùy chọn kiểm soát.

BorderStyle – Liệu viền của tùy chọn kiểm soát là Nét liền, Nét đứt, Chấm chấm hay Không có.

BorderThickness – Độ dày viền của tùy chọn kiểm soát.

Color – Màu văn bản trong tùy chọn kiểm soát.

DisabledBorderColor – Màu viền của tùy chọn kiểm soát nếu thuộc tính DisplayMode của tùy chọn kiểm soát được đặt thành Tắt.

DisplayMode – Liệu tùy chọn kiểm soát này sẽ cho phép người dùng nhập (Chỉnh sửa), chỉ hiển thị dữ liệu (Xem) hay tắt (Tắt).

Font – Tên của họ phông chữ mà văn bản hiển thị.

GridStyle – Liệu biểu đồ cột hoặc biểu đồ đường sẽ hiển thị trục x, trục y, cả hai hay không hiện trục nào.

Height – Khoảng cách giữa cạnh trên cùng và cạnh dưới cùng của tùy chọn kiểm soát.

HoverBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng giữ con trỏ chuột trên tùy chọn kiểm soát đó.

ItemColorSet – Màu của từng điểm dữ liệu trong biểu đồ.

ItemsGap – Khoảng cách giữa các cột trong biểu đồ cột.

  • Thuộc tính ItemsGap có sẵn cho tùy chọn kiểm soát Biểu đồ cột, chứ không phải tùy chọn kiểm soát Biểu đồ đường.

Vạch dấu – Liệu biểu đồ cột hoặc biểu đồ đường có hiển thị giá trị của từng điểm dữ liệu hay không.

MarkerSuffix – Văn bản xuất hiện sau mỗi giá trị trong biểu đồ cột khi thuộc tính Markers được đặt thành đúng.

  • Thuộc tính MarkerSuffix có sẵn cho tùy chọn kiểm soát Biểu đồ cột, chứ không phải tùy chọn kiểm soát Biểu đồ đường.

MinimumBarWidth – Chiều rộng hẹp nhất có thể của các cột trong biểu đồ cột.

  • Thuộc tính MinimumBarWidth có sẵn cho tùy chọn kiểm soát Biểu đồ cột, chứ không phải tùy chọn kiểm soát Biểu đồ đường.

OnSelect – Các thao tác cần thực hiện khi người dùng chạm hoặc bấm vào một tùy chọn điều khiển.

PaddingBottom – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

PaddingLeft – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh trái của tùy chọn kiểm soát đó.

PaddingRight – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh phải của tùy chọn kiểm soát đó.

PaddingTop – Khoảng cách giữa văn bản trong tùy chọn kiểm soát và cạnh dưới cùng của tùy chọn kiểm soát đó.

PressedBorderColor – Màu viền của tùy chọn kiểm soát khi người dùng nhấn hoặc bấm vào tùy chọn kiểm soát đó.

SeriesAxisMax – Giá trị tối đa của trục y cho biểu đồ cột hoặc biểu đồ đường.

  • Thuộc tính SeriesAxisMax có sẵn cho tùy chọn kiểm soát Biểu đồ cột, chứ không phải tùy chọn kiểm soát Biểu đồ đường.

SeriesAxisMin – Một số xác định giá trị tối thiểu của trục y cho biểu đồ cột.

  • Thuộc tính SeriesAxisMin có sẵn cho tùy chọn kiểm soát Biểu đồ cột, chứ không phải tùy chọn kiểm soát Biểu đồ đường.

Size – Cỡ phông chữ của văn bản xuất hiện trên tùy chọn kiểm soát.

TabIndex – Thứ tự điều hướng bàn phím so với các tùy chọn kiểm soát khác.

Visible – Liệu tùy chọn kiểm soát sẽ hiển thị hay bị ẩn.

Width – Khoảng cách giữa cạnh trái và cạnh phải của tùy chọn kiểm soát.

X – Khoảng cách giữa cạnh trái của tùy chọn kiểm soát và cạnh trái của vùng chứa chính (màn hình nếu không có vùng chứa chính).

XLabelAngle – Góc của các nhãn bên dưới trục x trong biểu đồ cột hoặc biểu đồ đường.

Y – Khoảng cách giữa cạnh trên cùng của tùy chọn kiểm soát và cạnh trên cùng của vùng chứa chính (màn hình nếu không có vùng chứa chính).

YAxisMax – Giá trị tối đa của trục y cho biểu đồ đường.

  • Thuộc tính YAxisMax có sẵn cho tùy chọn kiểm soát Biểu đồ đường, chứ không phải tùy chọn kiểm soát Biểu đồ cột.

YAxisMin – Giá trị tối thiểu của trục y cho biểu đồ đường.

  • Thuộc tính YAxisMin có sẵn cho tùy chọn kiểm soát Biểu đồ đường, chứ không phải tùy chọn kiểm soát Biểu đồ cột.

YLabelAngle – Góc của các nhãn bên cạnh trục y trong biểu đồ đường hoặc biểu đồ cột.

Max( DataSource, ColumnName )

Ví dụ

  1. Thêm tùy chọn kiểm soát Button rồi đặt thuộc tính OnSelect thành công thức sau:
    Collect(Revenue, {Year:"2013", Europa:24000, Ganymede:22300, Callisto:21200}, {Year:"2014", Europa:26500, Ganymede:25700, Callisto:24700},{Year:"2014", Europa:27900, Ganymede:28300, Callisto:25600})

    Bạn không biết cách thêm và đặt cấu hình tùy chọn kiểm soát?

    Bạn muốn biết thêm thông tin về hàm Collect hoặc các hàm khác?

  2. Nhấn F5, bấm hoặc nhấn vào tùy chọn kiểm soát Button, sau đó nhấn Esc để quay lại không gian làm việc mặc định.

  3. Thêm tùy chọn kiểm soát Biểu đồ cột hoặc tùy chọn kiểm soát Biểu đồ đường, đặt thuộc tính Items thành Doanh thu, rồi đặt thuộc tính NumberOfSeries thành 3.

    Tùy chọn kiểm soát này hiển thị dữ liệu doanh thu cho mỗi sản phẩm trong 3 năm.

Hướng dẫn hỗ trợ tiếp cận

Độ tương phản màu

Phải có độ tương phản màu thích hợp giữa:

  • từng mục trong ItemColorSet
  • mọi mục trong ItemColorSet và màu nền
  • Color và màu nền

Hỗ trợ bộ đọc màn hình

  • Phải có Label ngay trước đồ họa biểu đồ để đóng vai trò là tiêu đề.

  • Cân nhắc thêm thông tin tóm tắt đồ họa biểu đồ. Ví dụ: "Biểu đồ đường cho thấy doanh số tăng đều trong khoảng thời gian từ tháng 3 đến tháng 8 năm nay."

    Lưu ý

    Đồ họa biểu đồ và Chú giải bị ẩn khỏi người dùng trình đọc màn hình. Thay vào đó, một biểu mẫu dữ liệu dạng bảng được hiển thị cho họ. Họ cũng có thể chuyển qua các nút để chọn dữ liệu trong biểu đồ.

Hỗ trợ thị lực kém

  • Phải có Chú thích nếu có nhiều chuỗi hiển thị.
  • Cân nhắc đặt GridStyle thành GridStyle.All, hiển thị cả hai trục. Điều này giúp tất cả những người dùng xác định chính xác quy mô của dữ liệu.
  • Đối với Biểu đồ cột, hãy cân nhắc đặt Vạch dấu thành đúng. Điều này giúp người dùng có thị lực kém xác định giá trị của cột.

Hỗ trợ bàn phím

  • TabIndex phải bằng 0 hoặc lớn hơn để người dùng bàn phím có thể điều hướng đến đó.

    Lưu ý

    Khi người dùng bàn phím điều hướng đến biểu đồ, họ có thể chuyển qua các nút để chọn dữ liệu trong biểu đồ.

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).