/PowerBI-visuals-sampleBarChart

Bar Chart Custom Visual for tutorial.

Primary LanguageTypeScript

PowerBI-visuals-sampleBarChart

Build Status Bar Chart Custom Visual sample.

Setting Up Environment

Before starting creating your first custom visual follow by this setting up environment instruction.

Install 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

Start dev app

pbiviz start

Building Bar Chart

  1. Building a Visual with Static Data
  2. Adding Databinding to the Bar Chart
  3. Adding Color to the Bar Chart
  4. Adding Selection and Interaction with Other Visuals
  5. Adding Static Objects to Property Pane
  6. Adding Databound Objects to Property Pane
  7. Adding Powerbi Extensibility Utils
  8. Adding URL Launcher element to the Bar Chart
  9. Adding Report Page tooltips support to the Bar Chart
  10. Adding Conditional Formatting support to the Bar Chart
  11. Accessibility: Adding High-Contrast Mode Support
  12. Finally Package for Distribution ... Done