Netflix / vector

Vector is an on-host performance monitoring framework which exposes hand picked high resolution metrics to every engineer’s browser.
http://getvector.io/
Apache License 2.0
3.58k stars 252 forks source link

graph gets squashed by large legend #14

Open meteorfox opened 9 years ago

meteorfox commented 9 years ago

One of the host I happened to gather data from has 25 network interfaces, and 24 CPUs, when Vector renders such graphs, it shows a large legend that is not collapsible, and takes up a lot of space of the chart, making it look squashed even when I extend the widget size vertically.

Here's a screenshot: long_legend

spiermar commented 9 years ago

vertically or horizontally? both would probably help, but maybe a "hide legend" button?

fche commented 9 years ago

Does your graphing framework allow a partial legend, like the "top 5 time series"?

spiermar commented 9 years ago

Not by default.

meteorfox commented 9 years ago

Perhaps, if there are more than 10 series in one chart, it could automatically either show a partial legend, or hide it. But another thing to consider is the length of the names for each series. Like in the screenshot above, the per-cpu chart has 24 series, but their names don't take as much space as the legends in the network charts that have 25 series.

spiermar commented 8 years ago

screen shot 2015-12-07 at 10 06 21 am

portante commented 8 years ago

FWIW, I was able to just widen the widget to get the graph back.

spiermar commented 8 years ago

That's possible, but I still want to make the UI a bit smarter and possibly hide the legend in cases like this.

sgoodliff commented 7 years ago

Hi,

I have a similar problem when looking at container metrics. Looking at the Per-Container CPU Utilization with 35 containers is tricky.

Other than that Its a great tool

spiermar commented 7 years ago

@sgoodliff What would you suggest in this case? Hide the legend? Button to hide the legend?

sgoodliff commented 7 years ago

if its possible, the ability to resize the graph vertically, I can resize the graph horizontally, With the hide the legend suggestion then someone would have to hide the legend then look at the colour then unhide the legend to see the information the colour relates to. Which would work fine but its an extra step.

Thanks

spiermar commented 7 years ago

So this should solve you problem?

https://github.com/Netflix/vector/issues/4

sgoodliff commented 7 years ago

Yes definitely