power bi button slicer

Nâng cấp báo cáo với Button Slicer trong Power BI

Ngày đăng: 19/01/2024

Video hướng dẫn tạo Button Slicer trong Power BI

👉👉👉 Tải file thực hành trong video

Tổng quan về tính năng mới

Một trong những tính năng góp phần tạo nên báo cáo động và tương tác đó là Slicer.

Slicer là một thành phần quan trọng của bất kỳ báo cáo nào, nhưng chúng ta chưa thấy nhiều cập nhật kể từ khi có nó trong Power BI. Khi sử dụng nó, trước đây chúng ta không có nhiều lựa chọn để tùy chỉnh nó sao cho phù hợp với mong muốn hay theo nhu cầu báo.

Nhằm giải quyết vấn đề này, Power BI đã được cập nhật một kiểu slicer mới – Button Slicer để gia tăng và nâng cáo trải nghiệm của người dùng khi trực quan, điều hướng dữ liệu bằng slicer.

Hãy cập nhật Power BI lên phiên bản mới nhất để trải nghiệm button slicer này nhé.

Hướng dẫn tạo Button Slicer theo video trên

Chuẩn bị dữ liệu

Dữ liệu của bạn nên bao gồm trường phân loại mà bạn muốn sử dụng làm cơ sở cho Button Slicer . Đây có thể là danh mục hay tên khóa học, sản phẩm, khu vực, khoảng thời gian hoặc bất kỳ nhóm có liên quan nào khác.

Dataset được sử dụng trong ví dụ này gồm có 3 trường:

  • code: mã khóa học
  • img link: link ảnh của khóa học
  • course name: tên khóa học

Thêm Slicer

  • Trong Power BI Desktop, chuyển đến tab “Home”.
  • Nhấp vào biểu tượng “Slicer (new)” trong khung “Visualizations”.

– Kéo trường dữ liệu “code” vào slicer.

Chuyển đổi shape của button

  • Bấm vào slicer đã tạo.
  • Trong khung “Visualizations”, chuyển sang “Format visual”
  • Tìm đến “Shape” của Slicer.
  • Chuyển đổi tùy chọn hình dạng của button, ví dụ như “Rounded Rectangle”.
  • Thay đổi độ bo tròn “Rounded Corners” của button, ví dụ như 8px

Tùy chỉnh layout

– Thay đổi số lượng RowsColumn, ví dụ như 4 Rows và 1 Column

  • Điều chỉnh kiểu Overflow, ví dụ như Continuous Scorll (kiểu cuộn) nhưng hướng là Horizontal (ngang)
  • Hay kiểu Paginated (phân trang) và hướng của Overflow như Horizontal (ngang) hay Vertical (dọc)

Thêm hình ảnh

  • Trong khung “Format Visual”, tìm đến “Images”
  • Kéo thả trường “img_link” vào ô “Field” trong “Image”
  • Thay đổi kiểu “Image Fit”, ví dụ như “Normal”
  • Tiếp đến, thay đổi vị trí của ảnh trong “Position”, ví dụ như “Left”
  • Điều chỉnh lại khung kích thước chứa ảnh trong “Image area size” thành 30%, để ảnh được căn sát lể bên trái

Thêm label cho button

  • Để thêm label, trong “Format Visual”, tìm đến “Callout values” rồi “Label” và bật nó lên
  • Tiếp theo, trong ví dụ này sẽ dùng trường “course_name” làm label, để thêm label, kéo trường này vào ô “Field” của “Label”

Tùy chỉnh nút bấm

  • Để tùy chỉnh nút bấm, trong “Format Visual”, tìm đến “Button”
  • Trong ví dụ này, sẽ tắt “Border”bật “Shadow” để nút nhìn đỡ thô và nổi bật hơn
  • Đổi màu shadow
  • Thêm “Accent bar” vào dưới mỗi button

Tùy chỉnh nâng cao cho Button theo trạng thái

Cả ba phần “Callout Values”, “Images”“Buttons” đều có chung một ô tùy chỉnh mới, đó là “State”. Cái này cho phép chúng ta chỉnh sửa các format tùy theo trạng thái của nút, bao gồm trạng thái:

  • Default (mặc định)
  • Hover (khi di chuột lên)
  • Press (khi bấm)
  • Selected (khi được chọn )

Ví dụ với button ở hai trạng thái Default, HoverSelected:

Button ở trạng thái Default

  • Chữ xám: Visual Format > Callout values > Values > Color, chuyển sang xám, tương tự với Label nhưng với xám nhạt
  • Ảnh đen trắng: Visual Format > Image > Saturation = 0%

Button ở trạng thái Hover

  • Chữ đen: Visual Format > Callout values > Values > Color, chuyển sang đen, tương tự với Label nhưng với đen nhạt
  • Image sturation = 100%

Button ở trạng thái Selected

  • Button sẽ có nền xanh: Visual Format > Button > Fill > Color, chuyển sang xanh
  • Chữ trắng: Visual Format > Callout values > Values > Color, chuyển sang trắng, tương tự với Label
  • Cuối cùng tắt “Accent Bar”

Như vậy đã xong, và đây là kết quả sau khi tùy chỉnh theo 3 trạng thái Default, HoverSelected

Lộ trình update new Slicer

Theo thông tin được biết, các cập nhật tiếp theo cho slicer sẽ theo các giai đoạn sau:

  • Giai đoạn 1: Button slicer (đã được cập nhật)
  • Giai đoạn 2: List and dropdown slicer
  • Giai đoạn 3: Slider
  • Giai đoạn 4: Calendar slicer
  • Giai đoạn 5: Relative slicer

Tạm kết

Như vậy Button Slicer trong Power BI rất có hữu ích trong việc tạo báo cáo động và tương tác. Bạn có thể tận dụng tính năng này để nâng cao trải nghiệm của người xem báo cáo và trình bày thông tin theo cách hấp dẫn trực quan. Việc sử dụng Button Slicer trong báo cáo Power BI có thể góp thêm phần vào việc truyền tải thông hấp dẫn và hiệu quả hơn.

Chia sẻ bài viết này

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

This site uses Akismet to reduce spam. Learn how your comment data is processed.