Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Microsoft/powerbi-visuals-sampleslicer

Demonstrates creating a powerbi slicer visual using various powerbi filtering APIs and features.
https://github.com/Microsoft/powerbi-visuals-sampleslicer

Last synced: 3 months ago
JSON representation

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

Host: GitHub
URL: https://github.com/Microsoft/powerbi-visuals-sampleslicer
Owner: microsoft
License: mit
Archived: true
Created: 2017-05-14T13:03:12.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2024-04-06T22:21:38.000Z (7 months ago)
Last Synced: 2024-05-18T16:32:56.669Z (6 months ago)
Language: TypeScript
Size: 3.25 MB
Stars: 34
Watchers: 12
Forks: 23
Open Issues: 38
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-power-bi - Sample Slicer - visuals-tools). (Visuals / MS Open-Source Visuals)

README

        # PowerBI Slicer custom visual sample

[![Build Status](https://travis-ci.org/Microsoft/powerbi-visuals-sampleslicer.svg?branch=master)](https://travis-ci.org/Microsoft/powerbi-visuals-sampleslicer)

Demonstrates the use of the Advanced Filtering API introduced in the version 1.7 of [PowerBI Visuals Tools](https://github.com/Microsoft/PowerBI-visuals-tools). 

This PowerBI Custom Visual relies on the Advanced Filter API for bulk data-point selection and [PowerBI Visuals Interactivity Utils](https://github.com/Microsoft/powerbi-visuals-utils-interactivityutils) 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](doc/SampleSlicer.pbix) to get an idea about the visual's functionality.

![](doc/images/SampleSlicer.PNG)

### Setting up the environment

You will first need to set up your environment as detailed [here](https://github.com/Microsoft/PowerBI-visuals/blob/master/Readme.md#setting-up-environment).

### 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](doc/CodeStructure.md)

2. Discrete selection with the PowerBI Visuals Interactivity Utils

  - [Adding the Interactivity Utils to the project](doc/AddingInteractivityUtils.md)

  - [Using the Interactivity Utils](doc/UsingInteractivityUtils.md)

3. Advanced selection with the Advanced Filter API

  - [Adding the Advanced Filter API to the project](doc/AddingAdvancedFilterAPI.md)

  - [Using the Advanced Filter API](doc/UsingAdvancedFilterAPI.md)

4. Bookmarks support

  - [Adding bookmarks support to the project](doc/AddingBookmarksSuppoprt.md)

5. Slicer synchronization support

  - [Enable Sync Slicers](doc/SlicerSynchronizationSupport.md)