插件〉D3 仪表盘

面板

社区

D3 仪表盘

概述
安装
更改日志
相关内容

Grafana 仪表盘面板

此面板插件为基于 D3 的仪表盘面板，适用于 Grafana 8.4.10+/9.x/10.x

屏幕截图

仪表盘示例

Default Gauge

Default Gauge With Threshold

Default Gauge With All Thresholds

Custom Gauge

Custom Gauge With Limits

配置选项

React 端口已将配置选项分离到多个可搜索的节，并添加了新功能。

标准选项

Standard Options

选项	描述
统计	要在仪表盘上显示的统计数据
单位	显示值的单位。这将用于根据需要缩写
小数位数	如果需要，要显示的小数位数的最大值

字体设置

Font Settings

选项	描述
数值字体	要用于显示值的字体
数值字体大小	显示值的字体大小
刻度标签字体	要用于刻度标签的字体
刻度标签字体大小	要用于刻度标签的字体大小

指针选项

Needle Options

选项	描述
动画指针过渡	启用值之间指针动画
过渡速度（毫秒）	启用动画时，设置过渡速度
允许超出限制	启用此选项允许指针低于和高于限制
指针超出限制角度	启用超出限制时，这将设置可以超出限制的角度
指针宽度	指定指针的宽度
显示末端标记	这将在指针末端创建指定形状的标记
显示起始标记	这将在指针起始端创建指定形状的标记

当启用选项“允许超出限制”时，指针可以超出最大或最小限制指定的角度。下面的示例显示了一个限制为 100 的仪表盘，并允许指针超出限制（将指针“埋入”）。

Needle Cross Enabled

限制

Limits

选项	描述
最小值	面板上允许的最小值
最大值	面板上允许的最大值

颜色

Coloring

选项	描述
外边缘	仪表盘外边缘的颜色
内部（表面）	仪表盘表面（刻度盘背景）使用的颜色
枢轴	枢轴（中心）的颜色
指针	指针的颜色
单位标签	显示单位标签时的颜色
刻度标签	刻度主部分附近显示的值的颜色
刻度主线	主要刻度（较长线）的颜色
刻度次线	次要刻度（较短线）的颜色

径向自定义

请注意，许多这些设置对可视化非常敏感，因为它们是半径的百分比。以小增量进行调整以查看它们如何影响仪表盘。

Radial Customization

选项	描述
半径	通过半径指定仪表盘的大小。值 0（零）将自动缩放以适合面板
刻度仪表基准	刻度的缩放比例，较低的值将导致自动缩放效果不佳
枢轴半径	中心枢轴的大小，以半径的百分比表示
数值垂直偏移	设置垂直偏移以更好地放置显示的指标
填充	在刻度和外边缘之间添加间距
边缘宽度	仪表盘边缘圆圈的厚度，以仪表盘半径的百分比表示
刻度线边缘间隙	刻度线与外圆之间的间距，以仪表盘半径的百分比表示
主刻度线长度	主刻度线的长度，以仪表盘半径的百分比表示
主刻度线宽度	主刻度线的宽度，以像素为单位
次刻度线长度	次刻度线的长度，以仪表盘半径的百分比表示
次刻度线宽度	次刻度线的宽度，以像素为单位
指针刻度线间隙	刻度线与指针末端之间的间距，以仪表盘半径的百分比表示
指针杆长度	指针超出仪表盘中心的长度，以仪表盘半径的百分比表示

仪表盘角度

这是用于修改仪表盘上显示范围的主要部分。

Gauge Degrees

选项	描述
零刻度线角度	刻度值（0）开始的角度（默认 60）
最大刻度线角度	刻度值结束的角度（默认 300）
零指针角度	指针位于最小值时的角度（默认 40）
最大指针角度	指针位于最大值时的角度（默认 320）

仪表盘读数

Gauge Readings

选项	描述
主刻度线间距	次增量刻度线的数值间距
次刻度线间距	主增量刻度线的数值间距

刻度线映射

Tick Maps

使用“添加刻度线映射”按钮创建刻度线映射。

刻度线映射允许您为给定值替换文本。使用此选项可以构建罗盘样式的仪表盘。

选项	描述
标签	设置刻度线映射的名称
值	将文本放置在其中的刻度值
文本	要显示的文本

阈值

阈值的操作方式与其他 Grafana 插件相同。

下面详细介绍了其他显示选项。

Thresholds

选项	描述
在仪表盘上显示阈值区域	阈值显示为仪表盘表面上沿着指针弧线的区域
显示下限范围	下限阈值显示在区域上
显示中间范围	中间阈值显示在区域上
显示上限范围	上限阈值显示在区域上
在背景上显示阈值状态	仪表盘面颜色更改为阈值状态
在数值上显示阈值状态	显示数值的颜色更改为阈值状态