Kibana: Resizable legends

Created on 26 Feb 2015  路  39Comments  路  Source: elastic/kibana

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.

ElasticCharts Visualizations KibanaApp enhancement

Most helpful comment

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.

All 39 comments

+1

+1

+1 This would be very helpful for me.

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.

+1

+1

Ah yes...+1 to this.

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1 from a class

+1

I would vote to have a checkbox in the panel to be auto size legend width.

When the width style is removed, it appears to autosize nicely

image

Another temporary workaround - if you use the Kibana Visualization to create your graph, set Legend to "top" and it will display the full name. Not perfect, but at least its something.

+1

Was this fixed in latest? Makes legends unreadable.....

+1

+1

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

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

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

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

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

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

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

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.

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

+1

+1

+1

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

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.

Was this page helpful?
0 / 5 - 0 ratings