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

[Heatmap] Rotate or hide overlapping labels on X-axis #1168

Open
Tracked by #2320
, #875
...
darnautov opened this issue May 27, 2021 · 3 comments
Open
Tracked by #2320
, #875
...

[Heatmap] Rotate or hide overlapping labels on X-axis #1168

darnautov opened this issue May 27, 2021 · 3 comments
Assignees
@markov00
Labels
bug Something isn't working :heatmap Heatmap/Swimlane chart related issue Impact:High kibana cross issue Has a Kibana issue counterpart :Lens Kibana Lens related issue

Comments

@darnautov
Copy link
Contributor

darnautov commented May 27, 2021 •
edited by markov00
Loading

Describe the bug
For categorical data labels on the X-axis overlap when cells are not wide enough.

To Reproduce
Provide chart data that contains fairly long labels on the x axis.

Expected behaviour
Labels are rotated and trimmed if necessary.
image

Screenshots
image

Kibana Cross Issues
elastic/kibana#97978
elastic/kibana#61248
elastic/kibana#34838
@darnautov darnautov added bug Something isn't working :heatmap Heatmap/Swimlane chart related issue labels May 27, 2021
@darnautov darnautov mentioned this issue May 27, 2021
Merged
7 tasks
@flash1293 flash1293 mentioned this issue Jun 14, 2021
Closed
@flash1293 flash1293 mentioned this issue Oct 12, 2021
Closed
@markov00 markov00 added the kibana cross issue Has a Kibana issue counterpart label Nov 19, 2021
@markov00 markov00 changed the title Heatmap doesn't handle long label on the X-axis gracefully for categorical data [heatmap] rotate or hide overlapping labels on x axis Nov 19, 2021
@markov00 markov00 changed the title [heatmap] rotate or hide overlapping labels on x axis Rotate or hide overlapping labels on X-axis Nov 19, 2021
@markov00 markov00 changed the title Rotate or hide overlapping labels on X-axis [Heatmap] Rotate or hide overlapping labels on X-axis Nov 19, 2021
@markov00 markov00 mentioned this issue Nov 19, 2021
Open
9 tasks
@rshen91 rshen91 self-assigned this Nov 29, 2021
@dej611 dej611 added the :Lens Kibana Lens related issue label Nov 30, 2021
@rshen91 rshen91 mentioned this issue Dec 1, 2021
Merged
6 tasks
@markov00
Copy link
Member

markov00 commented Jun 9, 2022

#1514 Partially solves this issue: the missing part is the ability to trim, wrap horizontal labels that could go hand in hand with #1490

@markov00 markov00 assigned markov00 and unassigned rshen91 Jul 14, 2022
@markov00 markov00 mentioned this issue Jan 30, 2024
Open
@nickofthyme
Copy link
Collaborator

This also applies to long rotated y-axis labels. I think the best solution in this case is to truncate the text.

Screen Recording 2024-02-05 at 04 24 06 PM

Note: The difference between the elastic charts rendering (1st) vs vislib rendering (2nd).

@nickofthyme nickofthyme mentioned this issue Feb 6, 2024
Open
@markov00 markov00 mentioned this issue May 29, 2024
Merged
7 tasks
@nickofthyme
Copy link
Collaborator

Also fix label truncation to allow for minimum chart area.

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@markov00 markov00

Labels
bug Something isn't working :heatmap Heatmap/Swimlane chart related issue Impact:High kibana cross issue Has a Kibana issue counterpart :Lens Kibana Lens related issue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@dej611 @markov00 @darnautov @nickofthyme @rshen91