Chia sẻ qua

Biểu đồ cột và điều khiển biểu đồ đường trong Power Apps

Điều khiển hiển thị dữ liệu dưới dạng đồ thị có trục x và y.

Sự miêu tả

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

Thuộc tính khóa biểu đồ

Items – Nguồn dữ liệu xuất hiện trong điều khiển như bộ sưu tập, danh sách hoặc biểu đồ.

NumberOfSeries – Số lượng cột dữ liệu được phản ánh trong một biểu đồ cột hoặc biểu đồ đường.

Lưu ý

Có thể hiển thị tối đa 9 chuỗi

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

BorderColor – Màu của viền điều khiển.

BorderStyle – Viền của điều khiển là Rắn, Nét đứt, Chấm chấm hay Không.

BorderThickness – Độ dày của viền điều khiển.

Color – Màu văn bản trong điều khiển.

DisabledBorderColor – Màu sắc của viền điều khiển nếu thuộc tính DisplayMode của điều khiển được đặt thành Tắt.

DisplayMode – Điều khiển có cho phép người dùng nhập (Chỉnh sửa) hay không, chỉ hiển thị dữ liệu (Xem) hay bị tắt (Tắt).

Font – Tên của họ phông chữ xuất hiện trong văn bản.

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

Chiều cao – Khoảng cách giữa các cạnh trên cùng và dưới của điều khiển.

HoverBorderColor – Màu sắc của viền điều khiển khi người dùng giữ con trỏ chuột trên điều khiển đó.

ItemColorSet – Màu của mỗi đ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 sẵn dùng cho điều khiển biểu đồ Cột nhưng không có điều khiển biểu đồ Đường.

Vạch dấ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 mà thuộc tính Markers được đặt là true.

  • Thuộc tính MarkerSuffix sẵn dùng cho điều khiển biểu đồ Cột chứ không phải điều khiển biểu đồ Đường.

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

  • Thuộc tính MinimumBarWidth sẵn dùng cho điều khiển biểu đồ Cột chứ không phải điều khiển biểu đồ Đường.

OnSelect – Hành động cần thực hiện khi người dùng nhấn hoặc bấm vào điều khiển.

PaddingBottom – Khoảng cách giữa văn bản trong điều khiển và cạnh dưới của điều khiển đó.

PaddingLeft – Khoảng cách giữa văn bản trong điều khiển và cạnh trái của điều khiển đó.

PaddingRight – Khoảng cách giữa văn bản trong điều khiển và cạnh phải của điều khiển đó.

PaddingTop – Khoảng cách giữa văn bản trong điều khiển và cạnh trên của điều khiển đó.

PressedBorderColor – Màu sắc của viền điều khiển khi người dùng nhấn hoặc bấm vào điều khiển đó.

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 điều khiển biểu đồ Cột chứ không phải điều khiển biểu đồ Đường.

SeriesAxisMin – 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 điều khiển biểu đồ Cột chứ không phải điều khiển biểu đồ Đường.

Size – Cỡ phông của văn bản xuất hiện trên điều khiển.

TabIndex – Thứ tự dẫn hướng bàn phím liên quan đến các điều khiển khác.

Hiển thị – Cho dù điều khiển xuất hiện hay bị ẩn.

Chiều rộng – Khoảng cách giữa các cạnh trái và phải của điều khiển.

X – Khoảng cách giữa cạnh trái của một điều khiển và cạnh trái của vùng chứa cha của nó (màn hình nếu không có vùng chứa cha).

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

Y – Khoảng cách giữa cạnh trên của một điều khiển và cạnh trên của vùng chứa cha (màn hình nếu không có vùng chứa cha).

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

  • Thuộc tính YAxisMax có sẵn cho điều khiển biểu đồ Đường chứ không phải điều khiển 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 sẵn dùng cho điều khiển biểu đồ Đường chứ không phải điều khiển biểu đồ Cột.

YLabelAngle – Góc của nhãn bên cạnh trục y của biểu đồ đường hoặc 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à cấu hình điều khiển?

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

  2. Nhấn F5, bấm hoặc nhấn vào điều khiển Nút , rồi nhấn Esc để trở về không gian làm việc mặc định.

  3. Thêm điều khiển biểu đồ Cột hoặc điều khiển Biểu đồ đường, đặt thuộc tính Mục thành Doanh thu và đặt thuộc tính NumberOfSeries thành 3.

    Điều khiển hiển thị dữ liệu doanh thu cho mỗi sản phẩm trong hơn ba 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 đầy đủ giữa:

  • mỗi mục trong ItemColorSet
  • mỗi mục trong ItemColorSet và màu nền
  • Màu và màu nền

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

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

  • Hãy cân nhắc thêm một bản tóm tắt của đồ họa biểu đồ. Ví dụ: "Biểu đồ đường biểu thị doanh số bán hàng tăng đều 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 bộ đọc màn hình. Thay vào đó, một biểu mẫu dạng bảng của dữ liệu được trình bày cho họ. Chúng cũng có thể chuyển đổi giữa các nút chọn dữ liệu trong biểu đồ.

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

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

Hỗ trợ bàn phím

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

    Lưu ý

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

  • Last updated on