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

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

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

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

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

设置线条样式Style the lines

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

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

线插值 Line interpolation

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

线性Linear

点由直线连接。

光滑的Smooth

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

前一步长Step before

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

步长之后 Step after

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

行宽line width

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

线条粗细设置为 1：

线条粗细设置为 7：

填充不透明度Fill opacity

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

填充不透明度设置为 20：

填充不透明度设置为 95：

渐变模式 Gradient mode

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

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

不修改None

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

不透明度Opacity

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

色调Hue

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

方案Scheme

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

线条样式Line style

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

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

实线Solid

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

虚线Dash

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

短划线间距设置为 10、10（默认）：

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

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

点Dots

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

点间距设置为 0、10（默认）：

点间距设置为 0、30：

连接空值Connect null values

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

绝不Never

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

总是Always

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

临界点Threshold

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

显示点Show points

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

自动Auto

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

总是Always

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

点大小Point size

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

点大小设置为 4：

点大小设置为 10：

绝不Never

永远不要显示点。

堆叠序列Stack series

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

轴Axis

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

填充到下面

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

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

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

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

线性图示例Line graph examples

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

各种线条样式

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

插值模式示例Interpolation modes examples

填充下面示例Fill below example

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。