Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Some Columns in Stacked Bar Chart exceeds 100% for some dates #33842

Open
2 tasks done
v-masadifard opened this issue Feb 14, 2025 · 0 comments
Open
2 tasks done

Comments

@v-masadifard
Copy link

Charting Control

VerticalBarChart

Package version

5.21.25

React version

17.0.2

Environment

- Fluent UI React version: @fluentui/react-charting v5.21.25
- React version: 17.0.2
- Browser: Chrome, Edge 
- Operating System: Windows 11

Current Behavior

Bar chart will exceed 100% For some pair of data for example these combination is exactly 100
[0.06, 0.4, 0.31, 99.23]
or [0.1, 99.9]
Image

The Codepen link is here for reference:
https://codepen.io/tmbalamurugan/pen/WbNbEwb

Expected Behavior

Bar chart should exceed 100%

Reproduction

https://codepen.io/tmbalamurugan/pen/WbNbEwb

Steps to reproduce

  1. Use a Vertical Bar Chart for visualization.
  2. Utilize the dataset provided in the CodePen link here.
  3. Notice that some bars exceed 100%, even though the total sum of values remains exactly 100%.

Are you reporting an Accessibility issue?

None

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants