0
点赞
收藏
分享

微信扫一扫

grafana图表时间序列-将时间序列绘制为条形图

谷歌翻译整理,​​官网原文地址​​

将时间序列绘制为条形图

Graph time series as bars

本节介绍如何使用时间序列字段选项将时间序列数据可视化为条形图,并说明这些选项的作用。

有关时间序列可视化的更多信息,请参阅时间序列。

  1. 创建仪表板并添加面板。
  2. 选择时间序列可视化。
  3. 在面板编辑器侧窗格中,单击图形样式graph styles将其展开。
  4. 在样式中,单击条形bars

样式条Style the bars

使用以下字段设置来优化您的可视化。

在您单击正在编辑的字段选项框外部或按 Enter 之前,某些字段选项不会影响可视化。

条形对齐Bar alignment

设置条形相对于数据点的位置。在下面的示例中,显示点设置为始终,以便更轻松地查看此设置产生的差异。积分不变;条形图与点的关系发生变化。

之前before

grafana图表时间序列-将时间序列绘制为条形图_字段

条形图在点之前绘制。该点位于条形图的后角。

grafana图表时间序列-将时间序列绘制为条形图_字段_02

中心Center

grafana图表时间序列-将时间序列绘制为条形图_grafana_03

条形图围绕该点绘制。该点位于条的中心。这是默认设置。

grafana图表时间序列-将时间序列绘制为条形图_grafana条形图_04

之后After

grafana图表时间序列-将时间序列绘制为条形图_时间序列_05

条形图在点之后绘制。该点位于条形图的前导角上。

grafana图表时间序列-将时间序列绘制为条形图_字段_06

行宽Line width

设置线条轮廓的粗细,从 0 到 10 像素。在下面的示例中,填充不透明度设置为 10。

线条粗细设置为 1:

grafana图表时间序列-将时间序列绘制为条形图_grafana_07

线条粗细设置为 7:

grafana图表时间序列-将时间序列绘制为条形图_不透明度_08

填充不透明度Fill opacity

设置条形填充的不透明度,从 0% 到 100%。在下面的示例中,线宽设置为 1。

填充不透明度设置为 20:

grafana图表时间序列-将时间序列绘制为条形图_grafana条形图_09

填充不透明度设置为 95:

grafana图表时间序列-将时间序列绘制为条形图_不透明度_10

渐变模式Gradient mode

设置渐变填充的模式。填充渐变基于线条颜色。要更改颜色,请使用标准配色方案字段选项。有关详细信息,请参阅​​配色方案​​。

渐变外观受填充不透明度设置的影响。在下面的屏幕截图中,填充不透明度设置为 50。

空None

没有渐变填充。这是默认设置。

grafana图表时间序列-将时间序列绘制为条形图_grafana_11

不透明度Opacity

梯度的透明度是根据 y 轴上的值计算的。填充的不透明度随着 Y 轴上的值而增加。

grafana图表时间序列-将时间序列绘制为条形图_时间序列_12

色调Hue

渐变色是根据线条颜色的色调生成的。

grafana图表时间序列-将时间序列绘制为条形图_grafana条形图_13

方案Scheme

在这种模式下,整个条将使用由您的配色方案定义的颜色渐变。有关详细信息,请参阅​​配色方案​​​。​​在Graph and color scheme​​中有更多关于这个选项的信息。

grafana图表时间序列-将时间序列绘制为条形图_grafana条形图_14

显示点show point

选择何时应在图表上显示点

自动Auto

Grafana 会根据数据的密度自动决定是否显示这些点。如果密度低,则显示点。

总是Always

无论数据集有多密集,都显示点。此示例使用 1 的线宽。如果线宽大于点大小,则线会遮挡点。

点大小Point size

设置点的大小,直径从 1 到 40 像素。

点大小设置为 6:

grafana图表时间序列-将时间序列绘制为条形图_grafana_15

点大小设置为 20:

grafana图表时间序列-将时间序列绘制为条形图_grafana条形图_16

绝不Never

永远不要显示点。

grafana图表时间序列-将时间序列绘制为条形图_时间序列_17

堆叠序列Stack series

有关完整说明,请参阅​​图形堆叠时间序列​​。

轴Axis

有关完整说明,请参阅​​更改轴显示​​。

条形图示例Bar graph examples

下面是一些条形图示例,可为您提供建议。

色调渐变Hue gradient

grafana图表时间序列-将时间序列绘制为条形图_不透明度_18

举报

相关推荐

0 条评论