microsoft/powerbi-visuals-sampleslicer

Demonstrates creating a powerbi slicer visual using various powerbi filtering APIs and features.

PowerBI Slicer custom visual sample

Demonstrates the use of the Advanced Filtering API introduced in the version 1.7 of PowerBI Visuals Tools.

This PowerBI Custom Visual relies on the Advanced Filter API for bulk data-point selection and PowerBI Visuals Interactivity Utils for discrete data-point selection.

Understanding the visual

The visual lets the user select numeric data inputs to be displayed in all other visuals in the same report sheet. The user can either select discrete values or a range by adjusting the sliders.

See a demo PowerBI report to get an idea about the visual's functionality.

Setting up the environment

You will first need to set up your environment as detailed here.

Installing dev dependencies

Once you have cloned this example, run these commands to install dependencies and to connect the visual into powerbi.

npm install # This command will install all necessary modules

Starting the dev app

pbiviz start

Understanding the code

1. Code structure
2. Discrete selection with the PowerBI Visuals Interactivity Utils

• Adding the Interactivity Utils to the project
• Using the Interactivity Utils

3. Advanced selection with the Advanced Filter API

• Adding the Advanced Filter API to the project
• Using the Advanced Filter API

4. Bookmarks support

• Adding bookmarks support to the project

5. Slicer synchronization support

• Enable Sync Slicers