插件〉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

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