Grafana: 支持同一时间点的多个系列和条形图（并排）

创建于 2014-09-25  ·  115评论  ·  资料来源: grafana/grafana

我在一张图上有多个数据源。 例如，我在一个图表上有 6 个指标。在图表选项下，当我选择条形时，它们都显示在单个条形线上我想将它们显示为不同的条形？ 我怎么做 ？ 我附上了一个示例图像文件。

将所有这些都放在一行上的问题是我添加的最后一个数据源占用了栏上的所有空间。

git2

git

images

arepanegraph typfeature-request
资料来源
picture marshell08
👍295 🎉14

最有用的评论

我已经简要地研究了这个，使用 jquery.flot.orderBars 插件应该很容易。
唯一稍微复杂一点的是计算条宽。

image

picture petrslavotinek 于 2016-11-26
👍25 ❤14

所有115条评论

当有多个系列时，您必须在启用条形时启用堆叠。 不支持并排的酒吧（还）

torkelo picture torkelo 于 2014-09-25

我同意，我也很想念。 等待功能请求...

tomerikko picture tomerikko 于 2015-01-16

：+1：

catacgc picture catacgc 于 2015-05-05

+1

sobolews picture sobolews 于 2015-05-25

+1

如果我们能够画出像下图这样的东西就太好了......
image

paragdeuskar picture paragdeuskar 于 2015-06-23
👍10

：+1：

jgr picture jgr 于 2015-07-21

+1

hotsnow77 picture hotsnow77 于 2015-08-03

+1

KunalSaini picture KunalSaini 于 2015-08-07

+1

msabramo picture msabramo 于 2015-08-16

我也喜欢并排堆叠系列的能力。

这是我们的用例：

screenshot 2015-08-28 14 23 30

我们正在绘制随时间变化的连接计数，以及每个存储桶打开/关闭的连接数。

在上图中，它们彼此堆叠在一起 - 但是，如果我们可以将打开/关闭并排放置会更好，这样您就可以更好地比较它们。

（如果您删除 stacking 属性，它似乎只是简单地将条形图叠加在一起，这似乎有点……奇怪。我真的看不到您想要这种行为的用例）。

victorhooi picture victorhooi 于 2015-08-28
👍22

+1

mipapo picture mipapo 于 2015-09-27
👍5 😕1

+1

kcnummija picture kcnummija 于 2016-02-25

+1

edast picture edast 于 2016-03-09

+1

mortkane picture mortkane 于 2016-03-29

+1

nichdiekuh picture nichdiekuh 于 2016-03-29

+1

evanbreznyik picture evanbreznyik 于 2016-03-30

+1

girgen picture girgen 于 2016-04-01

+1！

ricardoekm picture ricardoekm 于 2016-04-04

+1

nvgoldin picture nvgoldin 于 2016-04-14

+1

lucas-matt picture lucas-matt 于 2016-04-19

是否有实施此计划的计划，或者目前这是一个低优先级的事情？

prawnsalad picture prawnsalad 于 2016-05-14

+1

ryanb93 picture ryanb93 于 2016-05-16

+1

Nevett picture Nevett 于 2016-05-30

：+1：

russellsilva picture russellsilva 于 2016-06-17

+1

digrich picture digrich 于 2016-07-08

+1

bdortch picture bdortch 于 2016-07-08

+1

你们有这个功能的时间表吗？

anuragkyal picture anuragkyal 于 2016-07-09

+1

timgl picture timgl 于 2016-07-12

+1

dbiazus picture dbiazus 于 2016-07-26

+1

sivad77 picture sivad77 于 2016-08-03

+1

gunererd picture gunererd 于 2016-08-22

+1

seeallsea picture seeallsea 于 2016-09-07

+1

jifwin picture jifwin 于 2016-09-19

+1

KorkyPlunger picture KorkyPlunger 于 2016-10-20

+1

petrslavotinek picture petrslavotinek 于 2016-10-26

+1

sergeygalkin picture sergeygalkin 于 2016-11-11

你好，
正如我看到的所有这些请求，它成为了一个高优先级的功能。 请帮助我们！

gwuillou picture gwuillou 于 2016-11-18

+1

kavimaluskam picture kavimaluskam 于 2016-11-23

+1

absolutejam picture absolutejam 于 2016-11-25

+1

dburm picture dburm 于 2016-11-25

+1

ivanovmi picture ivanovmi 于 2016-11-25

+1

yamert picture yamert 于 2016-11-25

+1

boris-42 picture boris-42 于 2016-11-25

+1

ehorohorin picture ehorohorin 于 2016-11-26

+1

misterku picture misterku 于 2016-11-26

+1

mmalchuk picture mmalchuk 于 2016-11-26

我++

aserrr picture aserrr 于 2016-11-26

我已经简要地研究了这个，使用 jquery.flot.orderBars 插件应该很容易。
唯一稍微复杂一点的是计算条宽。

image

petrslavotinek picture petrslavotinek 于 2016-11-26
👍25 ❤14

+1

rkhozinov picture rkhozinov 于 2016-11-26

看起来很整洁！

jifwin picture jifwin 于 2016-11-26

+1

geri4 picture geri4 于 2016-11-26

+1

mbaran0v picture mbaran0v 于 2016-11-26

+1

posox picture posox 于 2016-11-26

+1

kuntashov picture kuntashov 于 2016-11-26

+1

CyrilMazur picture CyrilMazur 于 2016-12-01

+1

danielzheng picture danielzheng 于 2016-12-09

+1

stefanverhoeff picture stefanverhoeff 于 2016-12-12

+1

ldktta picture ldktta 于 2016-12-12

+1

source-ram picture source-ram 于 2016-12-15

请停止这种“+1”噪音并使用反应。 谢谢！

neckhair picture neckhair 于 2016-12-16
👍33

@petrslavotinek您是否介意将您的更改推送到一个分支，或者以其他方式分享您到目前为止的内容？ 能够自己修补它会很好，如果我们能把它弄好，也许可以作为 PR 提交。

cincodenada picture cincodenada 于 2017-04-09

我创建了一个带有新分支的分支： https :
它有效，但它非常基础。
尤其是钢筋的宽度和间距的计算需要一些改进。
我会在下周（复活节假期后）之前完成它。

petrslavotinek picture petrslavotinek 于 2017-04-12
👍12 🎉8

是否计划在主存储库中包含此功能？

haidaraM picture haidaraM 于 2017-05-18
👍15

虽然许多人（包括我自己）都希望使用此功能，但我认为正确表示时间序列数据不符合最佳利益； 如果您的 x 轴是时间，则非堆叠元素将指示数据的不同时间戳。

previousdolphin picture previousdolphin 于 2017-09-25

@previousdolphin ：这取决于 x 轴的显示方式。 在 Grafana 中，网格通常与时间对齐。 在此布局中，有一次正好在这一行上，正如您所写的，非堆叠元素将指示不同的时间戳：
image
但也可以以不同的方式布局网格。 正如您在下面的图表中看到的，时间没有写在网格线上。 这象征着分组图属于相同的时间戳：
image

JonasGutermuth picture JonasGutermuth 于 2017-09-26
👍2 
It the second example is a time locked referential chart with buckets on the x-axis representing entire years.

我不知道你会在 Grafana 中如何做/展示这个，它旨在将 x 轴显示为规则时间间隔的连续表示。

也许他们可以叠加，然后有一些巧妙的动画在鼠标上传播，当你的光标离开时又折叠回来？

在 2017 年 9 月 26 日凌晨 2:17，

@previousdolphin (https://github.com/previousdolphin)：这取决于 x 轴的显示方式。 在 Grafana 中，网格通常与时间对齐。 在此布局中，有一次正好在这一行上，正如您所写的，非堆叠元素将指示不同的时间戳：

但也可以以不同的方式布局网格。 正如您在下面的图表中看到的，时间没有写在网格线上。 这象征着分组图属于相同的时间戳：

—
你收到这个是因为你被提到了。
直接回复本邮件，在 GitHub 上查看（https://github.com/grafana/grafana/issues/870#issuecomment-332097385），或将线程静音（https://github.com/notifications/unsubscribe-auth /AZ5TCsfpxGrHTEZYPwUjCoSd81AFe_mQks5smJcNgaJpZM4Cm6KU）。

previousdolphin picture previousdolphin 于 2017-09-28

+1

leandro-ss picture leandro-ss 于 2018-01-03

+1

vascomedici picture vascomedici 于 2018-01-19

+2 !!!

olivierdemin picture olivierdemin 于 2018-01-22
👎1

+1

cobab picture cobab 于 2018-02-02

+1

kccheung picture kccheung 于 2018-02-08

@victorhooi你能解释一下你是如何得到这个连接数随时间变化的图表的。 实际上我的用例也与此类似。 我有两个要堆叠的查询。 和多个系列并排（如许多桶）。 我想要与您在此处发布的完全相同类型的图表。

singhmeghna79 picture singhmeghna79 于 2018-02-15

Google 有可用于创建图表的代码： http :

devcode2 picture devcode2 于 2018-02-20

@devcode2 Grafana 不支持它。 如何在grafana中实现它？

singhmeghna79 picture singhmeghna79 于 2018-03-07

嘿。 我们的团队致力于在此处实施：

https://github.com/CorpGlory/grafana-multibar-graph-panel （它是可破解的！）

请支持提取图形面板的想法，以便更容易维护分叉https://community.grafana.com/t/repo-for-graph-panel/5895/3

jonyrock picture jonyrock 于 2018-03-07
👍20 🎉4

+1

argreway picture argreway 于 2018-05-27

+1

nthienan picture nthienan 于 2018-06-28

+1，真的需要这个功能

CamilleGR picture CamilleGR 于 2018-06-28

@CamilleGR @nthienan您可以在上面看到带有实现的链接。 已经有人参与其中并且他们支持该功能

jonyrock picture jonyrock 于 2018-06-28
👍3

我真的需要这个功能，因为https://github.com/CorpGlory/grafana-multibar-graph-panel不能很好地工作，有很多问题。 Grafana 什么时候计划这个功能？

nthienan picture nthienan 于 2018-07-05

+1，我也需要这个功能，因为https://github.com/CorpGlory/grafana-multibar-graph-panel在 grafana 5 上不起作用。

kccheung picture kccheung 于 2018-08-14

我同意此功能确实非常有用。 目前的替代品似乎不太好。

GarinSmith picture GarinSmith 于 2018-08-14

+1

jbalooka picture jbalooka 于 2018-08-15

+1

aramhakobyan picture aramhakobyan 于 2018-08-28

+1
近期有什么计划吗？

tammytankian picture tammytankian 于 2018-09-25

+1

shahrzaadpeyman picture shahrzaadpeyman 于 2018-10-10

+1

saadsarfrazz picture saadsarfrazz 于 2018-10-25

嘿， @ nthienan @kccheung
我们修复了一些错误
现在multibar-panel在 Grafana 中工作 5+

rozetko picture rozetko 于 2018-10-25
👍6

+1 此功能

cby016 picture cby016 于 2018-12-11

+1

bmfmsd picture bmfmsd 于 2018-12-20

+1

zuzya picture zuzya 于 2019-01-16

嗨@rozetko ，看起来 multibar-panel 也正是我正在寻找的。
我想使用 7 天条形图来显示每日能源使用和生产（太阳能）。

关于集成这个插件的任何消息？ 我在 hass.io 上使用 graphana 作为插件，并且认为我无法通过命令行手动添加内容。

heldopsokken picture heldopsokken 于 2019-01-20
👍1

+1

maxdraki picture maxdraki 于 2019-01-23
👎3 👍1

+1

Paul-Reed picture Paul-Reed 于 2019-01-28
👍1

+1

alexslo picture alexslo 于 2019-02-11
👍1

+1

mboogert picture mboogert 于 2019-02-12
👍1

只是为了支持带有并排条形的多条形图的概念。

arriflex picture arriflex 于 2019-02-14

这将是必不可少的功能。 所以为这个请求 +1

AbyssCoreInc picture AbyssCoreInc 于 2019-03-01

这是您+1对此功能请求的方式：

image

只需点击第一个帖子上的👍

CWempe picture CWempe 于 2019-03-01
👍8 ❤1 😄1

+1

bingobook02 picture bingobook02 于 2019-03-21
👎4 😄2 👍1

将是一个方便的功能，这个想法可以像按别名分组一样简单，对于我的用例在同一别名下分组点。
Screen Shot 2019-03-21 at 12 27 17

bingobook02 picture bingobook02 于 2019-03-21
👍2

+1
对于格拉法纳 6

ceinmart picture ceinmart 于 2019-03-22
👍4 👎3

+1
对于格拉法纳 6

@ceinmart请为该主题中的第一篇文章点

Paul-Reed picture Paul-Reed 于 2019-03-22
👍4 ❤1

你好，
有人可以帮我安装插件https://github.com/CorpGlory/grafana-multibar-graph-panel。
我使用命令“grafana-cli plugins”进行搜索，但没有成功，我想它必须手动安装，但不知道如何实现。

elkekou picture elkekou 于 2019-04-05

+1 请（在 OP 上也竖起大拇指）

RedSpid3r picture RedSpid3r 于 2019-04-08
👎3

@elkekou

你好，
有人可以帮我安装插件https://github.com/CorpGlory/grafana-multibar-graph-panel。
我使用命令“grafana-cli plugins”进行搜索，但没有成功，我想它必须手动安装，但不知道如何实现。

只需从 github (releases) 下载存档并将其解压缩到 Grafana 的插件文件夹。 重新启动 Grafana 后，该插件可用。

JensLederer picture JensLederer 于 2019-05-02

嗨，我的条形图并排排列有问题，我的所有项目都像图片一样聚集在一个条形中，我也应用了堆叠但没有区别。
bars beside

bahmanfarid picture bahmanfarid 于 2019-06-17

+1

Optimusbumble picture Optimusbumble 于 2019-07-12
👎4

+1111111

LOADCRCHS picture LOADCRCHS 于 2019-08-01
👎4 👍1

+1

lester289 picture lester289 于 2019-08-05
👎2

任何人都可以说）如果和B）当Multibar Graph Panel可promotoed成为正式的插件或者更好的是自带的自动grafana的新版本原生插件？

Robosoc11 picture Robosoc11 于 2019-11-14

任何人都可以说）如果和B）当Multibar Graph Panel可promotoed成为正式的插件或者更好的是自带的自动grafana的新版本原生插件？

今年早些时候，我与 Grafana 的一位销售人员进行了交谈。 问他为什么不将此功能添加到本机图形面板插件中。 他告诉我，除了将此功能添加到图形面板之外，还有其他事情具有更高的优先级。

我不知道此声明是否已被弃用。

JensLederer picture JensLederer 于 2019-11-14

今年早些时候，我与 Grafana 的一位销售人员进行了交谈。 问他为什么不将此功能添加到本机图形面板插件中。 他告诉我，除了将此功能添加到图形面板之外，还有其他事情具有更高的优先级。

我不知道此声明是否已被弃用。

感谢詹斯

Robosoc11 picture Robosoc11 于 2019-11-14

我找到了一个插件来实现相同的结果，
https://github.com/gipong/grafana-groupedbarchart-panel

来源： https :

hassanfarid picture hassanfarid 于 2020-03-20
👍5

+1

truj picture truj 于 2020-11-18
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

ahmetkakici picture ahmetkakici  ·  3评论
royemmerich picture royemmerich  ·  3评论
Minims picture Minims  ·  3评论
ricardclau picture ricardclau  ·  3评论
tuxinaut picture tuxinaut  ·  3评论