Grafana: Support for multiple series & bars (side by side) for same time point

Created on 25 Sep 2014  ·  115Comments  ·  Source: grafana/grafana

I have multiple data source on one single graph. For example I have 6 metrics on one single graph.Under chart options when i select bars they all show up on single bar line I want to show them as different bars ? How do i do that ? I have attached a sample image file.

The problem with having all of them on one single line is the last data source that i add takes up all the space on the bar.

git2

git

images

arepanegraph typfeature-request

Most helpful comment

I've been briefly looking at this and it should be quite easy with jquery.flot.orderBars plugin.
The only a bit more complicated thing would be calculating the bars width.

image

All 115 comments

When having multiple series you must enable stacking when bars are enabled. There is no support for bars that are side by side (yet)

i agree, i miss that as well. awaiting for the feature request ...

:+1:

+1

+1

It would be great if we are able to draw something like the picture below ...
image

:+1:

+1

+1

+1

I would also love the ability to stack series side by side.

This is our use-case:

screenshot 2015-08-28 14 23 30

We're plotting the connection count over time, as well as the number of connections opened/closed for each bucket.

In the above graph, they're stacked on top of each other - however, it would be better if we could have the opens/closed side-by-side with each other, so you can better compare them.

(If you remove the stacking attribute, it seems to simply overlay the bar graphs on top of each other, which seems a bit...odd. I can't really see the use-case where you'd want that behaviour).

+1

+1

+1

+1

+1

+1

+1

+1!

+1

+1

Are there any plans to have this implemented or is it a low priority thing for now?

+1

+1

:+1:

+1

+1

+1

Any timeline you guys have for this feature?

+1

+1

+1

+1

+1

+1

+1

+1

+1

Hello,
As I am seeing with all these requests, it becomes a high priority feature. Please help us!

+1

+1

+1

+1

+1

+1

+1

+1

+1

i++

I've been briefly looking at this and it should be quite easy with jquery.flot.orderBars plugin.
The only a bit more complicated thing would be calculating the bars width.

image

+1

Looks neat!

+1

+1

+1

+1

+1

+1

+1

+1

+1

Please stop this "+1" noise and use the reactions. Thank you!

@petrslavotinek Would you mind pushing your changes up to a fork, or otherwise share what you have so far there? It would be nice to be able to patch it in ourselves, and perhaps submit as a PR if we can get it in good shape.

I've created a fork with a new branch: https://github.com/petrslavotinek/grafana/tree/bars_side-by-side.
It works, but it's very basic.
Especially computation of width and spacing of the bars needs some improvement.
I will work on it but no sooner than the next week (after Easter holiday).

Is there a plan to include this functionality in the main repo?

While this functionality is desired by many (myself included), I feel that it would not be in the best interest of properly representing time series data; if your x axis is time, non-stacked elements would indicate different timestamps for the data.

@previousdolphin: It depends on the way the x axis is shown. Normaly in Grafana the Grid is aligned with the time. In this layout one time is exactly on this line, as you wrote and non-stacked elements would indicate different timestamps:
image
But it is also possible to layout the grid in a different way. As you can see on the graph below the time is not written on a grid line. This symbolized, that the grouped graphs belong to the same timesatamp:
image

It the second example is a time locked referential chart with buckets on the x-axis representing entire years.

I do not know how you would do / show this, within Grafana, which is designed to show the x-axis as a continuous representation of regular time intervals.

Perhaps they could overlay, and then have some clever animation to spread on a mouse over, and collapse back when your cursor is away?

On Sep 26, 2017 at 2:17 AM,

@previousdolphin (https://github.com/previousdolphin): It depends on the way the x axis is shown. Normaly in Grafana the Grid is aligned with the time. In this layout one time is exactly on this line, as you wrote and non-stacked elements would indicate different timestamps:

But it is also possible to layout the grid in a different way. As you can see on the graph below the time is not written on a grid line. This symbolized, that the grouped graphs belong to the same timesatamp:


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub (https://github.com/grafana/grafana/issues/870#issuecomment-332097385), or mute the thread (https://github.com/notifications/unsubscribe-auth/AZ5TCsfpxGrHTEZYPwUjCoSd81AFe_mQks5smJcNgaJpZM4Cm6KU).

+1

+1

+2 !!!

+1

+1

@victorhooi can u explain how you got this connection count over time graph. actually mine use case is also similar to this. i have two queries which i want to be stacked. and multiple series side by side(like many buckets ). i want exactly the same kind of graph like what you posted here.

Google has code that can be used to create charts: http://gwt-charts.appspot.com/

@devcode2 Grafana doesnot supports it . How to implement it in grafana?

Hey. Our team working on implementing this here:

https://github.com/CorpGlory/grafana-multibar-graph-panel (it is hackable!)

Please support idea to extract graph panel so it would be easier to maintain the fork https://community.grafana.com/t/repo-for-graph-panel/5895/3

+1

+1

+1, really need this feature

@CamilleGR @nthienan you can see link above with implementation. There are already people involved and they support the feature

I really need this feature since https://github.com/CorpGlory/grafana-multibar-graph-panel does not work well, there are many issues. When does Grafana plan for this feature?

+1, I need this feature as well, as https://github.com/CorpGlory/grafana-multibar-graph-panel does not work on grafana 5.

I agree that this feature would be very useful indeed. The current alternatives do not seem very good.

+1

+1

+1
Any plans for the near future?

+1

+1

Hey, @nthienan @kccheung
We've fixed a few bugs
Now multibar-panel is working in Grafana 5+

+1 for this feature

+1

+1

Hi @rozetko, looks like multibar-panel has exactly what I am looking for as well.
I'd like to use a 7day bar graph to show daily Energy Usage and Production (solar).

Any news on integrating this a plugin? I use graphana as an addon on hass.io and do not think I am able to manually add stuff via commandline with my implementation.

+1

+1

+1

+1

Just piling on to support the concept of a multi-bar chart with side by side bars.

This would be essential feature. So +1 for this request

This is how you +1 for this feature request:

image

Just click the 👍 on the first post

+1

Would be a handy feature, the idea could be as simple as grouping by alias, for my use case grouping dots under the same alias.
Screen Shot 2019-03-21 at 12 27 17

+1
For grafana 6

+1
For grafana 6

@ceinmart Please add a thumbs up to the first post in the thread, and that will make 100 users requesting this enhancement.

Hi,
someone could help me to install the plugin https://github.com/CorpGlory/grafana-multibar-graph-panel.
I searched with command "grafana-cli plugins" but without succes i guess it must be installed manually but does not know how to achieveit.

+1 please (thumbed-up on OP too)

@elkekou

Hi,
someone could help me to install the plugin https://github.com/CorpGlory/grafana-multibar-graph-panel.
I searched with command "grafana-cli plugins" but without succes i guess it must be installed manually but does not know how to achieveit.

Just download the archive from github (releases) and unpack it to Grafana's plugin folder. After a restart of Grafana the plugin is available.

Hi , I have problem with bar charts beside each other , all of my items gather in one bars as in thew picture , also i applied stack but no difference.
bars beside

+1

+1111111

+1

Can anyone say A) if and B) when the Multibar Graph Panel may be promotoed to become an official plugin or even better a native plugin that comes with an new release of grafana automatically?

Can anyone say A) if and B) when the Multibar Graph Panel may be promotoed to become an official plugin or even better a native plugin that comes with an new release of grafana automatically?

I had a talk with a Grafana sales guy earlier this year. Asked him why they don't add this functionality to the native graph panel plugin. He told me that there are other things that have much higher priority, than adding this feature to the graph panel.

I don't know if this statement has deprecated in between.

I had a talk with a Grafana sales guy earlier this year. Asked him why they don't add this functionality to the native graph panel plugin. He told me that there are other things that have much higher priority, than adding this feature to the graph panel.

I don't know if this statement has deprecated in between.

Thank's Jens

+1

Was this page helpful?
0 / 5 - 0 ratings

Related issues

german-bortoli picture german-bortoli  ·  95Comments

sanchitraizada picture sanchitraizada  ·  126Comments

torkelo picture torkelo  ·  90Comments

mbell697 picture mbell697  ·  145Comments

darox picture darox  ·  105Comments