Kibana Customizable Vertical Bar Chart Legends

[willemdh]

Kibana Vertical Bar (and others) charts legends always have the same width. The result is that in a lot of graphs, all values seem identical, because they are incomplete. It would be nice to allow us to configure:

• a dynamic legend width, which stretches (to a sane % of the actual graph)
• a fixed custom legend width

See https://discuss.elastic.co/t/custom-legend-with-for-vertical-bar-chart/219671

[elasticmachine]

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

[willemdh]

Still no way to customize the legend of vertical bar charts...

Grafana has this feature for many years..

Got so many visualisations that look like this:

Multiple occurences of "Microsft-Windo..." (just 1 example out of many..) don't really help making things observable

[jeffrey008]

Hello, any update on this?

[flash1293]

Hi @jeffrey008 , we have no definitive release date for this feature, but we are aware of the need and it is considered in our planning. Thanks for making the effort of expressing interest.

[lealog]

This feature is something important to have. Hope can be implemented soon.

[Sandy381]

HI,

We need this tooltip to be customizable as per our needs so that we can display as our requirement.
This issue is across all charts.
Request to add this option in panel as we are awaiting since a long time...

[willemdh]

The new 'adaptive' untruncate text option for Lens visualisations are a start, but seems to be poorly implemented. The legend is still not decently 'tabled'..

The three filter dots are sometimes unclickable / unvisible.. Legends with multiple items are weirdly aligned:

[nickofthyme]

Hey @willemdh thanks for the comment. I'm sorry for the frustration this has likely caused, I would feel the same way.

I was able to reproduce the case where the legend action is pushed out of view. However, I was only able to see this when then option to truncate the text was disabled. Is that correct or are you able to see this issue when this option is enabled with some max line count?

If it was only when truncation was disabled I have a fix, otherwise any advise on how to reproduce this with any of the sample datasets?

---

The second issue, related to the alignment, I was not able to reproduce at all. Any thoughts on settings to see this issue? Or a way to reproduce with sample data?

Or it could be a browser or machine related issue.

[willemdh]

You are correct @nickofthyme , this issue indeed happens only when truncating is disabled. Which is what we needed for a long time, as legends with large values are less unusable with Kibana. This is all on latest version of Chrome.

The alignment issue happens when all legend items are more or less the same size, but the value is different. I think both issues are related. Now I see your screenshot where the legend items are wrapped into an additional line. This is actually not really what we are looking for. We just need a way to configure the horizontal size of the legends.. Or make them stretch dynamically untill there is no wrapping.

I don't understand that after all these years we still cannot configure the legend width, or configure it as a table with extra columns such as avg, max, sum, current. (like in Grafana)

An example graph legend which is usable:

By making it a sortable table and allowing us to see avg, max, sum, current of all values, we only need 1 graph as opposed to 4 graphs in Kibana. Combine this with nested terms aggregation support (which is also very poorly implemented in Kibana) and you would need only 1 graph instead of 8 currently (for 2 terms aggs, for 3 terms aggs, you would only need 1 graph vs 12...). For example the combination of min, max, avg, curent of some metric of a combination of host name, process name and process id can be visualised in only 1 graph.

These are my main reasons why after all these years I'm still using Grafana for visualizing metrics. I can get like 10 times as much info on one dashboard somehow.. And I can still read the legend, as I can configure the width..

Please allow us to configure the width of Kibana graph legends....

[nickofthyme]

@willemdh I appreciate your feedback on this. I agree the legend in Grafana is more advanced. We are working to redesign our legends across kibana to have more features such as those you describe above and more such as linking legends to multiple charts, etc. This work is being tracked in elastic/elastic-charts#580.

As for the legend width as it is I'll talk with the Lens team to see if we can expose an option for max legend width to at least solve this issue for Lens. The legend width issue is tracked in elastic/elastic-charts#963.

[ghudgins]

🎉 Lens & Visualize supports this in 8.2 (unreleased at the time of this writing) #123803 & #125510