Official documentation and examples of Office UI Fabric / Fluent UI React Charts?

2.1k views Asked by At

First please bear with me. I do not think that this question is appropriate for Stack Overflow. I first tried to ask this question in the official GitHub repository of this project, but they strongly suggest to ask question in Stack Overflow with corresponding tags, so here I am...

The point is that is strange for me that I can not find official documentation and examples of Fluent UI React Charting components in the official website of Fluent UI React, even though the official NPM package is public and is being constantly updated. To be fair, I found this website but It looks outdated. Any help will be much appreciated.

2

There are 2 answers

0
AtishayMsft On BEST ANSWER

The documentation and examples for @fluentui/react-charting library is available at https://aka.ms/fluentcharting. Feel free to post any issues and suggestions here and the team will respond to your queries.

7
Rohan Büchner On

Potentially this can help you.

  1. clone the repo
git clone [email protected]:microsoft/fluentui.git
  1. then navigate to the charting folder, and install the deps (they use yarn by the looks of things)
yarn install
  1. then start storybook
yarn start

You'll see this.

Storybook

Storybook will cover the components inside the lib from what I can see, in terms of what they have on offer. That being said they still don't document the props & how to configure the components... but you should be able to sift through the storybook code to see how they got the charts to render inside storybook at least.

Not the best documented library ever... but perhaps that can get you going :)