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

[Lens] Ability to rotate axis tick labels in heatmap #61248

Closed
GitsBaud opened this issue Mar 25, 2020 · 8 comments · Fixed by #202143
Closed

[Lens] Ability to rotate axis tick labels in heatmap #61248

GitsBaud opened this issue Mar 25, 2020 · 8 comments · Fixed by #202143
Assignees
Labels
enhancement New value added to drive a business result Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. papercut Small "burr" in the product that we should fix. Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@GitsBaud
Copy link

Describe the feature:
Hi, currently using kibana-7.5.0 and still not able to rotate the labels on X and Y axis for Heat map visualization. Is that something you are working on ?

Describe a specific use case for the feature:
Labels on X-axis are vertical so unreadable

thanks !
Guillaume

@mshustov mshustov added the Team:Visualizations Visualization editors, elastic-charts and infrastructure label Mar 25, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

@timroes timroes added enhancement New value added to drive a business result Feature:ElasticCharts Issues related to the elastic-charts library Feature:Heatmap Heatmap visualization labels Mar 27, 2020
@timroes timroes changed the title Heat map visualization - label rotation not available X/Y axis Ability to rotate axis tick labels in heatmap Mar 27, 2020
@odmby
Copy link

odmby commented Sep 2, 2020

This is very important.
+1

@chssunil
Copy link

chssunil commented Oct 7, 2020

+1 Looking forward for this feature

@john-penntech
Copy link

+1. Labels on X-axis are vertical so unreadable

@jaimealc
Copy link

+1 Would be great to have

@markov00
Copy link
Member

markov00 commented Jun 1, 2021

Hey there, thanks everyone for the request and involvement here, and sorry @GitsBaud for being late on asking the following questions but I really like to have a bit more context here to study the best approach for the various use cases:

  1. what label types do you usually have on the horizontal axis? are those categories or numerical buckets?
  2. what is the usual label size in characters?
  3. what are your current layout constraints? are you ok to increase the width of the heatmap in favor of showing and reading correctly all the labels, or do you prefer limiting the required space sacrificing a bit the label readability (limiting the size, rotating the labels, alternating the labels)
  4. can the label be shortened? does the label has the most important "bits" at the end/beginning/center of the text? or the label is not meant to be shortened?
  5. can the label be formatted differently to reduce its size? like instead of showing Italy, Germany, France, you are ok to see IT, DE, FR? and/or similarly with numbers like 1K, 2K, 3K?
  6. are all the labels always required to be shown? can you derive the label from the sequence if some labels are missing (like omitted due to the lack of space to avoid overlaps)?

@odmby
Copy link

odmby commented Jun 3, 2021

@markov00 to answer your questions:

  1. categories
  2. quite short (mostly <10, can be a little more)
  3. increasing the width a little. should be able to fit in 1 dashboard width. labels can rotated (with angle choice)
  4. can be shortened, but perhaps allow show full on hover. beginning ususally most important
  5. yes - abbreviations as optional (but won't work for filters, which in many cases is what we use. terms tend to be too many options to fit in heatmap
  6. yes - should always be shown

@stratoula stratoula added Feature:Lens impact:needs-assessment Product and/or Engineering needs to evaluate the impact of the change. and removed Feature:Heatmap Heatmap visualization labels May 30, 2023
@stratoula stratoula added impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. and removed impact:needs-assessment Product and/or Engineering needs to evaluate the impact of the change. labels Dec 6, 2023
@Erikg346
Copy link

Hello, just to add

This is limiting as we want to save dashboard space. In order to fully see the bottom axis, I need to expand the viz to the whole dashboard and thats still not great as it depends on the amount of characters.
Image

@mbondyra mbondyra self-assigned this Nov 14, 2024
@mbondyra mbondyra changed the title Ability to rotate axis tick labels in heatmap [Lens] Ability to rotate axis tick labels in heatmap Nov 14, 2024
@ghudgins ghudgins added the papercut Small "burr" in the product that we should fix. label Dec 4, 2024
mariairiartef added a commit that referenced this issue Jan 16, 2025
## Summary

Closes #61248

Adds the ability to rotate the X-axis labels in the heatmap chart.

<img width="2560" alt="Screenshot 2025-01-08 at 16 50 20"
src="https://github.com/user-attachments/assets/0847dd6d-747d-4a4d-bc7e-4da6c903d394"
/>

#### Screen recording


https://github.com/user-attachments/assets/f4834722-b296-4239-a9d4-25c5fd8c738b

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
kibanamachine pushed a commit to kibanamachine/kibana that referenced this issue Jan 16, 2025
## Summary

Closes elastic#61248

Adds the ability to rotate the X-axis labels in the heatmap chart.

<img width="2560" alt="Screenshot 2025-01-08 at 16 50 20"
src="https://github.com/user-attachments/assets/0847dd6d-747d-4a4d-bc7e-4da6c903d394"
/>

#### Screen recording

https://github.com/user-attachments/assets/f4834722-b296-4239-a9d4-25c5fd8c738b

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
(cherry picked from commit 2f6b9f6)
viduni94 pushed a commit to viduni94/kibana that referenced this issue Jan 23, 2025
## Summary

Closes elastic#61248

Adds the ability to rotate the X-axis labels in the heatmap chart.

<img width="2560" alt="Screenshot 2025-01-08 at 16 50 20"
src="https://github.com/user-attachments/assets/0847dd6d-747d-4a4d-bc7e-4da6c903d394"
/>

#### Screen recording


https://github.com/user-attachments/assets/f4834722-b296-4239-a9d4-25c5fd8c738b

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

---------

Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New value added to drive a business result Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens impact:medium Addressing this issue will have a medium level of impact on the quality/strength of our product. papercut Small "burr" in the product that we should fix. Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
Development

Successfully merging a pull request may close this issue.