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.

Sign up for GitHub

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

Jump to bottom

Long rotated data labels overlap in the Stacked Column chart #20301

Closed
hubertkozik opened this issue Dec 13, 2023 · 0 comments · Fixed by #20345
Closed

Long rotated data labels overlap in the Stacked Column chart #20301

hubertkozik opened this issue Dec 13, 2023 · 0 comments · Fixed by #20345
Assignees
@KacperMadej
Labels
Product: Highcharts Type: Bug
Projects
Development-Flow

Comments

@hubertkozik
Copy link
Member

hubertkozik commented Dec 13, 2023 •
edited by highsoft-asagh-bot

Expected behaviour

Long rotated data labels do not overlap in the Stacked Column chart, when allowOverlap is the default.

Actual behaviour

Long rotated data labels overlap in the Stacked Column chart, when allowOverlap is the default.

Live demo with steps to reproduce

https://jsfiddle.net/BlackLabel/d0wpe31h/

  1. Click "4" series legend item to hide that series.
  2. Data labels of series "2" and series "3" overlap, but shouldn't.

Product version

Highcharts v11.2.0

Workaround

Set useHTML to true and if needed add styles to simulate HC data labels looks.

Live demo with a workaround: https://jsfiddle.net/BlackLabel/g7ujkdwx/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@KacperMadej KacperMadej

Labels
Product: Highcharts Type: Bug
Projects
Development-Flow
  
Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

bugfix/20307-rotation-align-verticalalign highcharts/highcharts
3 participants
@KacperMadej @highsoft-bot @hubertkozik