插件〉D3 仪表盘

面板

社区

D3 仪表盘

概览
安装
更新日志
相关内容

Grafana 仪表盘面板

此面板插件为 Grafana 8.4.10+/9.x/10.x 提供了一个基于 D3 的仪表盘面板

屏幕截图

仪表盘示例

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（零）将自动缩放以适合面板
刻度厚度基准	刻度的缩放，较低的值将导致自动缩放效果不佳
中心点半径	中心点的大小，以半径的百分比表示
值 Y 轴偏移	设置垂直偏移以更好地放置显示的指标
内边距	在刻度和外边缘之间添加空间
边缘宽度	仪表盘边缘周围圆圈的厚度，以仪表盘半径的百分比表示
刻度边缘间隙	刻度和外圆之间的间距，以仪表盘半径的百分比表示
主刻度长度	主刻度的长度，以仪表盘半径的百分比表示
主刻度宽度	主刻度的宽度，以像素为单位
次刻度长度	次刻度的长度，以仪表盘半径的百分比表示
次刻度宽度	次刻度的宽度，以像素为单位
指针刻度间隙	刻度和指针末端之间的间距，以仪表盘半径的百分比表示
指针杆长度	指针超出仪表盘中心部分的长度，以仪表盘半径的百分比表示

仪表盘角度

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

Gauge Degrees

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

仪表盘读数

Gauge Readings

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

刻度映射

Tick Maps

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

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

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

阈值

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

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

Thresholds

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