将时间序列绘制为线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 之间的区域。