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

Resizable legends #3189

Closed
farracha opened this issue Feb 26, 2015 · 50 comments
Closed

Resizable legends #3189

farracha opened this issue Feb 26, 2015 · 50 comments
Labels
Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens Feature:Visualizations Generic visualization features (in case no more specific feature label is available) release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects

Comments

@farracha
Copy link

Some of my fields have large names, i.e 20 chars or more, as Kibana concat metric's type name to the field name (average of, sum of, percentile of), the legend is cut-off by half.

Would make sense to enable resizing the right panel of the chart to overcome this limitation.

@farracha farracha changed the title Legend Resize Kibana 4 RC: Legend Resize Feb 26, 2015
@rashidkpc rashidkpc changed the title Kibana 4 RC: Legend Resize Resizable legends Feb 26, 2015
@rashidkpc rashidkpc added this to the 4.2.0 milestone Feb 26, 2015
@rashidkpc rashidkpc removed this from the 4.2.0 milestone Mar 2, 2015
@rashidkpc rashidkpc removed the v4.2.0 label Mar 14, 2015
@Pol4r
Copy link

Pol4r commented Oct 12, 2015

+1

1 similar comment
@german23
Copy link

+1

@hraharahra
Copy link

+1 This would be very helpful for me.

@german23
Copy link

If somebody is interested in a dirty workaround for version 4.1.4 and below:

Edit the /path/to/your/kibana4/src/public/index.js file, scroll to the bottom of the file, look for the 'li.color' entry in the long config line, and edit the entry so it looks like this:

li.color {\n min-height: 22px;\n padding: 3px 9px 3px 9px;\n font-size: 12px;\n line-height: 13px;\n color: #666;\n cursor: default;\n text-align: left;\n white-space: normal;\n overflow-x: visible;\n text-overflow: ellipsis;\n max-width: 450px;\n width: 180px;\n}

This will Kibana prevent from spliting values of the legend into 2 lines/ hide them and make the legend field a bit bigger.
Of course you can vary the settings so it fits your needs,

Again, this only applies to kibana 4.1.4 , because in version 4.2 the folder structure looks different.

@buerfent
Copy link

+1

1 similar comment
@florinandone
Copy link

+1

@DigiAngel
Copy link

Ah yes...+1 to this.

@fmazan
Copy link

fmazan commented Oct 6, 2016

+1

8 similar comments
@serdar-eric
Copy link

+1

@erolirfan
Copy link

+1

@cgultunca
Copy link

+1

@m-gunes
Copy link

m-gunes commented Jan 4, 2017

+1

@denizkanmaz
Copy link

+1

@muratbeyaztas
Copy link

+1

@hknylmz
Copy link

hknylmz commented Jan 4, 2017

+1

@knowge
Copy link

knowge commented Jan 4, 2017

+1

@tbragin tbragin added the Feature:Visualizations Generic visualization features (in case no more specific feature label is available) label Jan 11, 2017
@darkshade9
Copy link

+1

@agirbal
Copy link

agirbal commented Feb 7, 2020

This would be really great to have, since some values need more characters to make sense, e.g. cipher names. Doing font resize does not seem to help. Thanks!
image

@fro-yo
Copy link

fro-yo commented Mar 11, 2020

It's been 5 years, can someone fix this please?

@drugol
Copy link

drugol commented Apr 13, 2020

There is a workaround: you can move the legend to the top or to the bottom.

@fro-yo
Copy link

fro-yo commented Apr 13, 2020

That does not always work, look at @agirbal 's comment above

@lmaestracci
Copy link

Temporary hack for Kibana 7.6.1: in script built_assets/css/plugins/kibana/index.light.css

  • if the legend is on the left/right : comment property width for selector .visLegend__list
  • if the legend is at the top/bottom : comment property max-width for selector .visLib--legend-bottom .visLegend__list .visLegend__value

@emrahgunduz
Copy link

The problem still continues. Exported pdf/png files also trim the legend text.

@jane-speranska
Copy link

+1
and the workaround didn't solve the issue, unfortunately.

@kachunkachunk
Copy link

Throwing a +1 onto the fire - would be nice to be able to resize a chart's legend, or optionally have it auto-size based on longest value, etc.

@roeezolantz
Copy link

Would really appreciate if such feature will be implemented 👍 super useful !

@CptDolphin
Copy link

+1

2 similar comments
@F-PMOR
Copy link

F-PMOR commented Nov 3, 2020

+1

@eimmers
Copy link

eimmers commented Nov 5, 2020

+1

@Leaf-Lin
Copy link
Contributor

Leaf-Lin commented Nov 19, 2020

+1, I hope this can be implemented for all visualisation types include charts, lens, tsvb etc.

@Webreaper
Copy link

Astonishing that this hasn't been fixed. It's utterly ridiculous that the legend doesn't expand to use the horizontal space, but truncates the legend text at an absurdly short width.

@domule
Copy link

domule commented Feb 4, 2021

+1

This has been affecting all of our users for years now and just came up again today.

@domule
Copy link

domule commented Feb 4, 2021

I've just been informed that this will be resolved as part of a more general Legend redesign, see elastic/elastic-charts#580, in particular point 9, which is also tracked separately as elastic/elastic-charts#963.

@mohclips
Copy link

mohclips commented Apr 14, 2021

+1 Currently it makes our graphs mailed out to our customers look unprofessional.

@MakoWish
Copy link

+1
Not many, but we definitely do have some data sources where pie charts cut off half of the text I want to display. Would love to be able to just widen the panel to show all text, but it doesn't currently work that way. We can adjust the column width on Data Tables, but we can't adjust the column width of a pie chart's legend.

@alesmenzel
Copy link

👍

3 similar comments
@mikkk3l
Copy link

mikkk3l commented Jun 24, 2021

+1

@kt9ck
Copy link

kt9ck commented Jun 30, 2021

+1

@mheiniger
Copy link

+1

@ghudgins
Copy link

+1 necessary to preserve alignment of multiple pies
image
vs.
image

@robcowart
Copy link

Here is another example of how the 7.14 legend width changes really mess up the consistent display of a dashboard...

7.13.x and earlier:
Screen Shot 2021-10-13 at 20 11 54

7.14 and later:
Screen Shot 2021-10-13 at 20 10 58

@kibanamachine kibanamachine added this to Long-term goals in Lens Nov 9, 2021
@ghudgins
Copy link

ghudgins commented Apr 5, 2022

we have added a legend resize option to Lens and aggregation-based visualizations in 8.2 🎉

image

Also in discussion to make this the default so you don't have to change the settings on every panel on your dashboard #129474

@ghudgins ghudgins closed this as completed Apr 5, 2022
Lens automation moved this from Long-term goals to Done Apr 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:ElasticCharts Issues related to the elastic-charts library Feature:Lens Feature:Visualizations Generic visualization features (in case no more specific feature label is available) release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
No open projects
Lens
  
Done
Development

No branches or pull requests