MudBlazor icon indicating copy to clipboard operation
MudBlazor copied to clipboard

Stacked bar chart overlaps for large amount of x-axis values

Open ShazCB opened this issue 1 year ago • 1 comments

Things to check

  • [X] I have searched the existing issues for this bug
  • [X] To rule out a caching problem I made sure the bug also happens in an incognito tab

Bug type

Component

Component name

StackedBarChart (MudChart)

What happened?

When I have a StackedBarChart with lots (over 15) x-axis values, they overlap and are unreadable

Expected behavior

The width of the bars are adjusted so data is readable

Reproduction link

https://try.mudblazor.com/snippet/caQoOClSplpiqWAk

Reproduction steps

1.Implement stacked bar chart 2.Increase the number of values for the x-axis 3.Run ...

Relevant log output

No response

Version (bug)

Latest

Version (working)

No response

What browsers are you seeing the problem on?

Chrome, Edge

On which operating systems are you experiencing the issue?

Windows, Other

Pull Request

  • [ ] I would like to do a Pull Request

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

ShazCB avatar Aug 14 '24 14:08 ShazCB

Anything news on that? I would also like to do a step to the x axis values if they are too many and overlap.

fverdou avatar Aug 28 '24 20:08 fverdou

Seems like this is treated as a minor issue :-( Will this problem be fixed in near future? Actually, this behaviour is not usefull for me: image

Benny-prog avatar Oct 28 '24 07:10 Benny-prog

this is already possible from in my last PR #10865 (released in 8.4.0) where you can specify a rotated label as well as scaling the width of the bars based on a ratio, you can then make your x labels have empty strings every other x value (the basic idea of ticks and skipping some middle ticks.)

radderz avatar Mar 20 '25 10:03 radderz