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

Grouped categories module is affecting the ellipsis truncation of axis labels in charts that do not utilize grouped categories. #228

Open
Rasika2020 opened this issue Feb 10, 2025 · 0 comments

Comments

@Rasika2020
Copy link

Expected behaviour

  1. Ellipsis Truncation: When the x-axis labels are too long to fit within the available space, they should automatically truncate with an ellipsis (...) to indicate that there is more text that cannot be displayed. This behavior should occur regardless of whether the grouped categories module is enabled or not.
  2. Correct Label Rendering: The labels should display correctly based on the available space, and the chart should not overlap or hide any plot area. If the grouped categories module is not being utilized, it should not interfere with how the labels are rendered.
  3. Dynamic Updates: When the data points change dynamically (e.g., through user interaction or data fetching), the chart should update correctly, maintaining the ellipsis truncation as needed.
  4. Consistent Layout: The overall layout of the chart should remain consistent and visually appealing, with no unexpected jumps or shifts in the axis labels or plot area when data is updated.

Actual Behaviour

After dynamically changing data points, the x-axis labels revert to their original full length without ellipsis, rather than truncating as expected. also leads to hidden plot area sometimes.
The presence of the grouped categories module seems to introduce inconsistencies in how axis labels are rendered, even when the chart does not utilize grouped categories.

Live demo with steps to reproduce
with grouped categories module:
https://codepen.io/Rasika-Kulkarni/pen/WbeWPzQ
without grouped categories module:
https://codepen.io/Rasika-Kulkarni/pen/ZYzZPjq

Product version
"highcharts": "^11.4.1",
"highcharts-grouped-categories": "^1.3.2",

Affected browser(s)
Chrome

Steps to reproduce:

  1. when grouped categories module is present, with very long text sample data. Plot area is absent and no ellipsis truncation seen. 
    if we change data provided on runtime then also same issue can be reproduced.
Image
  1. when grouped categories module is absent, with very long text sample data. Chart behaves as expected.
Image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant