插件〉D3 Gauge

面板

社区

D3 Gauge

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

Grafana Gauge 面板

此面板插件为 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

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