https://github.com/Microsoft/PowerBI-visuals-sampleBarChart
Bar Chart Custom Visual for tutorial.
https://github.com/Microsoft/PowerBI-visuals-sampleBarChart
Last synced: 2 days ago
JSON representation
Bar Chart Custom Visual for tutorial.
- Host: GitHub
- URL: https://github.com/Microsoft/PowerBI-visuals-sampleBarChart
- Owner: microsoft
- Created: 2016-07-29T23:40:18.000Z (almost 9 years ago)
- Default Branch: main
- Last Pushed: 2024-04-24T14:10:26.000Z (about 1 year ago)
- Last Synced: 2025-05-07T23:47:29.620Z (3 days ago)
- Language: TypeScript
- Size: 1.46 MB
- Stars: 110
- Watchers: 26
- Forks: 145
- Open Issues: 31
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-power-bi - Sample Bar Chart
README
# PowerBI-visuals-sampleBarChart
[](https://travis-ci.org/Microsoft/PowerBI-visuals-samplebarchart)
Bar Chart Custom Visual sample.
### Setting Up Environment
Before starting creating your first custom visual follow by [this](https://github.com/Microsoft/PowerBI-visuals/blob/master/Readme.md#setting-up-environment)
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](Tutorial/StaticVisual.md)
2. [Adding Databinding to the Bar Chart](Tutorial/DataBinding.md)
3. [Adding Color to the Bar Chart](Tutorial/ColorPalette.md)
4. [Adding Selection and Interaction with Other Visuals](Tutorial/Selection.md)
5. [Adding Static Objects to Property Pane](Tutorial/StaticObjects.md)
6. [Adding Databound Objects to Property Pane](Tutorial/DataBoundObjects.md)
7. [Adding Powerbi Extensibility Utils](Tutorial/ExtensibilityUtils.md)
8. [Adding URL Launcher element to the Bar Chart](Tutorial/LaunchURL.md)
9. [Adding Report Page tooltips support to the Bar Chart](Tutorial/ReportPageTooltips.md)
10. [Adding Conditional Formatting support to the Bar Chart](Tutorial/ConditionalFormatting.md)
11. [Accessibility: Adding High-Contrast Mode Support](Tutorial/HighContrastSupport.md)
12. [Finally Package for Distribution ... Done](https://github.com/Microsoft/PowerBI-visuals/blob/master/tools/usage.md#packaging-your-visual-for-distribution)