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

夹胡碰

关注

阅读 127

2022-07-27

将时间序列绘制为线Graph time series as lines

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

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

设置线条样式Style the lines

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

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

线插值 Line interpolation

选择 Grafana 如何插值系列线。下面的屏幕截图显示了使用不同线插值显示的相同数据。

线性Linear

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

点由直线连接。

grafana图表时间序列-将时间序列绘制为线_数据_02

光滑的Smooth

grafana图表时间序列-将时间序列绘制为线_grafana图表_03

点由曲线连接,导致点之间的平滑过渡。

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

前一步长Step before

grafana图表时间序列-将时间序列绘制为线_数据_05

线显示为点之间的步长。点在步骤结束时呈现。

grafana图表时间序列-将时间序列绘制为线_grafana图表_06

步长之后 Step after

grafana图表时间序列-将时间序列绘制为线_grafana图表_07

线显示为点之间的步长。点在步骤开始时呈现。

grafana图表时间序列-将时间序列绘制为线_grafana 时间序列_08

行宽line width

设置系列线的粗细,从 0 到 10 像素。

线条粗细设置为 1:

grafana图表时间序列-将时间序列绘制为线_不透明度_09

线条粗细设置为 7:

grafana图表时间序列-将时间序列绘制为线_数据_10

填充不透明度Fill opacity

设置系列填充的不透明度,从 0% 到 100%。

填充不透明度设置为 20:

grafana图表时间序列-将时间序列绘制为线_数据_11

填充不透明度设置为 95:

grafana图表时间序列-将时间序列绘制为线_不透明度_12

渐变模式 Gradient mode

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

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

不修改None

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

grafana图表时间序列-将时间序列绘制为线_数据_13

不透明度Opacity

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

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

色调Hue

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

grafana图表时间序列-将时间序列绘制为线_时间序列_15

方案Scheme

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

grafana图表时间序列-将时间序列绘制为线_时间序列_16

线条样式Line style

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

线型外观受线宽填充不透明度设置的影响。在下面的屏幕截图中,线宽设置为 3,填充不透明度设置为 20。

实线Solid

显示实线。这是默认设置。

grafana图表时间序列-将时间序列绘制为线_不透明度_17

虚线Dash

显示一条虚线。当您选择此选项时,会出现一个列表,以便您可以选择虚线的长度和间隙(长度、间隙)。

短划线间距设置为 10、10(默认):

grafana图表时间序列-将时间序列绘制为线_数据_18

短划线间距设置为 10、30:

grafana图表时间序列-将时间序列绘制为线_grafana 时间序列_19

短划线间距设置为 40、10:

grafana图表时间序列-将时间序列绘制为线_grafana图表_20

点Dots

显示虚线。当您选择此选项时,会出现一个列表,以便您可以为点间距选择间隙(长度 = 0,间隙)。

点间距设置为 0、10(默认):

grafana图表时间序列-将时间序列绘制为线_数据_21

点间距设置为 0、30:

grafana图表时间序列-将时间序列绘制为线_时间序列_22

连接空值Connect null values

选择如何在图表上显示空值(数据中的空白)。可以连接空值以形成一条连续的线,或者,可以选择设置一个阈值,超过该阈值时数据中的间隙不应再连接。

grafana图表时间序列-将时间序列绘制为线_不透明度_23

绝不Never

数据中有间隙的时间序列数据点永远不会连接。

总是Always

数据中有间隙的时间序列数据点始终是连接的。

临界点Threshold

可以设置一个阈值,在该阈值之上数据中的间隙不应再连接。当数据中的连接间隙具有已知大小和/或在已知范围内并且不应再连接此范围之外的间隙时,这可能很有用。

grafana图表时间序列-将时间序列绘制为线_grafana图表_24

显示点Show points

选择应在图表上显示点的时间。

自动Auto

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

总是Always

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

点大小Point size

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

点大小设置为 4:

grafana图表时间序列-将时间序列绘制为线_grafana图表_25

点大小设置为 10:

grafana图表时间序列-将时间序列绘制为线_grafana图表_26

绝不Never

永远不要显示点。

grafana图表时间序列-将时间序列绘制为线_时间序列_27

堆叠序列Stack series

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

轴Axis

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

填充到下面

此选项仅在覆盖选项卡中可用。

填充两个系列之间的区域。在覆盖选项卡上:

  1. 在下面选择要填写的字段。
  2. Add override property中,选择Fill below to
  3. 选择您希望填充停止的系列。

A系列填写以下到B系列:

grafana图表时间序列-将时间序列绘制为线_数据_28

线性图示例Line graph examples

下面是一些折线图示例,可以为您提供思路。

各种线条样式

这是一个图表,每个系列都应用了不同的线条样式和颜色,并进行了零填充。

grafana图表时间序列-将时间序列绘制为线_时间序列_29

插值模式示例Interpolation modes examples

grafana图表时间序列-将时间序列绘制为线_不透明度_30

填充下面示例Fill below example

此图显示三个系列:最小值、最大值和值。Min 和 Max 系列的Line width设置为 0。Max 在下面有一个Fill to override 设置为 Min,它使用 Max 线条颜色填充 Max 和 Min 之间的区域。

grafana图表时间序列-将时间序列绘制为线_时间序列_31

精彩评论(0)

0 0 举报