博客/工程

新的时间序列面板如何为Grafana 7.4带来主要的性能改进和新的可视化特性

2021年2月10日4分钟

在Grafana 7.0中,我们引入新的面板架构增强用户体验和可视化选项,并在Grafana中创建更一致的体验。

Grafana 7.4之后,我们在此基础上进行了扩展,推出了下一代图形面板时间序列面板,目前处于测试阶段。时间序列面板使用Grafana 7.0的面板体系结构,并集成了字段选项、覆盖和转换。

在底层,我们从jQuery Flot库切换到uPlot图书馆在Grafana 7.4中,以提供高性能的可视化。

我们还无缝地将现有图形面板可视化中的大多数功能迁移到时间序列面板。例如,如果您在现有的Graph面板中创建一个序列覆盖,并将您的序列设置为虚线显示,那么将会有一个迁移,它将确保在切换到时间序列面板时,图形仍然有虚线。我们的计划是引入更多这样的“底层”迁移,以便在今年晚些时候发布的Grafana 8.0中实现接近完整的功能。

在时间序列beta面板中,我们还将通常出现在面板选项下的内容移到了字段选项和覆盖.这些变化不仅提供了更精简的用户体验;现在可以根据需要覆盖和定制这些功能。

除了主要的性能改进之外,我们还引入了解决流行请求的新的可视化特性来自我们的社区,包括新的平滑/直线插值模式,基于数据密度的自动点显示,新的梯度填充模式(包括条),条的轮廓,无限数量的y轴,软最小和最大控制,和波段。在下面了解更多关于每一个的信息。

直线插值方式

新的选项引入了用你选择的插值模式渲染线条的可能性。平滑(功能要求)和阶梯线的控制(功能要求)是对图形可视化的新添加,以满足流行的社区特性请求。

线条样式控制

易于使用的线条样式设置允许用自定义的线条样式区分系列。

自动点密度

显示点选项允许控制数据点的可见性。将该选项设置为“Auto”后,Grafana将根据可视化中的数据点数量优化点的显示。如果密度太大,Grafana将默认隐藏点,当可视化放大时,点将开始显示。

高密度数据:

高密度数据放大:

多个y轴和y轴刻度值映射

由于使用了新的面板架构,时间序列面板与值映射和单元配置无缝集成,支持多个y轴(功能要求)与位置控制以及自定义的y轴刻度基于系列值。

多轴:
每个独特的单元都有自己的y轴,该轴的位置可以设置为左或右。

y轴刻度值映射:

渐变填充模式

有一个新的选项可以控制可视化数据的渐变类型,这可以帮助用户在Grafana中创建更漂亮的图形。

色调渐变填充:

不透明度渐变填充:

软最小和最大轴限制

一个很受欢迎的功能要求,这些设置可以防止在数据基本平坦的情况下,光点变成山形。硬最小值和最大值是由标准的最小值和最大值字段选项派生而来的,它还可以通过将峰值剪过一个定义的点来防止间歇峰值压平有用的细节。

乐队的支持

一个新的选择,填写以下内容,可作为字段选项覆盖,使简单的波段配置。

要查看这些功能的实际操作,请查看这个演示仪表盘展示了新的时间序列面板.有关时间序列面板配置的详细信息,请参阅文档

时间序列面板建立在新的图形面板架构之上,这将使我们能够将柱状图、散点图和更多类型的高性能可视化功能引入Grafana。请继续关注!

开始学习Grafana最简单的方法是,普罗米修斯Loki用于日志,追踪节奏是Grafana Cloud,和我们最近增加了一个新的免费计划,并升级了我们的付费计划.如果你还没有使用Grafana Cloud,今天免费注册并查看哪个计划符合您的用例。