条形图 - Amazon Managed Grafana

本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。

条形图

本文档主题专为支持 Grafana 10.x 版本的 Grafana 工作区而设计。

对于支持 Grafana 9.x 版本的 Grafana 工作区,请参阅 使用 Grafana 版本 9

对于支持 Grafana 8.x 版本的 Grafana 工作区,请参阅 使用 Grafana 版本 8

条形图允许用图形表示分类数据。

显示 Grafana 中条形图可视化示例的图像。

支持的数据格式

仅支持一个数据框,且该数据框至少需要一个字符串字段(用作 X 轴或 Y 轴的类别)和一个或多个数值字段。以下是数据格式的示例:

浏览器 市场占有率
Chrome 50
Internet Explorer 17.5

如果您有多个数值字段,面板会显示分组条形图。

可视化时间序列或多个结果集

如果您有多个时间序列或表,则首先需要使用 join 或 reduce 转换将其连接。例如,如果您有多个时间序列,并想要比较其最新值和最大值,请添加 Reduce 转换,并在计算下指定最大值最新值选项。

条形图选项

使用以下选项来优化可视化效果。

方向

  • 自动:Grafana 根据面板尺寸决定条形图的方向。

  • 水平:将 X 轴设为类别轴。

  • 垂直:将 Y 轴设为类别轴。

旋转 x 轴刻度标签

当图形为垂直方向时,此设置会旋转条形图下方的标签。当条形图标签较长且重叠时,此设置很有用。

X 轴刻度标签最大长度

设置条形图标签的最大长度。超过最大长度的标签会被截断(用省略号)。

条形标签最小间距

设置条形标签之间的最小间距。

显示值

控制值是显示在条形图的顶部还是左侧。

  • 自动:如果有空间,则显示值。

  • 始终:始终显示值。

  • 从不:从不显示值。

堆叠

控制条形图堆叠。

  • 关闭:条形图不会堆叠。

  • 正常:条形图彼此堆叠。

  • 百分比:条形图彼此堆叠,每个条形图的高度为堆叠总高度的百分比。

组宽度

控制组的宽度。

  • 0 = Minimum width

  • 1 = Maximum width

条形图宽度

控制条形图的宽度。

  • 0 = Minimum width

  • 1 = Maximum width

条形图半径

控制条形图的半径。

  • 0 = Minimum radius

  • 0.5 = Maximum radius

悬停时突出显示整个区域

控制将鼠标悬停在条形图上时,是否突出显示条形图的整个周围区域。

线宽

控制条形图的线宽。

填充不透明度

控制条形图的填充不透明度。

渐变模式

设置渐变填充的模式。填充渐变基于线条颜色。要更改颜色,请使用标准颜色方案字段选项。

渐变外观受填充不透明度设置的影响。

  • :无渐变填充。这是默认设置。

  • 不透明度:渐变的透明度是根据 y 轴上的值计算的。填充的不透明度随 Y 轴上的值增加而增加。

  • 色调:渐变色是根据线条颜色的色调生成的。

工具提示模式

当您将光标悬停在可视化上时,Grafana 可显示工具提示。选择工具提示的行为方式。

  • 单个:悬停工具提示仅显示一个序列,即您将鼠标悬停在可视化上面的序列。

  • 全部:悬停工具提示显示可视化中的所有序列。Grafana 在工具提示的序列列表中以粗体突出显示您悬停在上面的序列。

  • 隐藏:与可视化交互时不显示工具提示。

注意

可使用覆盖从工具提示隐藏单个序列。

文本大小

输入一个值以更改条形图上文本的大小。

图例选项

图例模式

使用这些设置可定义图例在可视化中的显示方式。有关更多信息,请参阅 配置图例

  • 列表:以列表形式显示图例。这是图例的默认显示模式。

  • :以表的形式显示图例。

  • 隐藏:隐藏图例。

图例放置

选择放置图例的位置。

  • 底部:显示在图形下方。

  • :显示在图形右侧。

图例值

选择要在图例中显示的序列数据值或标准计算。可以输入多个值。有关更多信息,请参阅 配置图例

轴选项

使用以下字段设置来优化轴的显示方式。除非您在正在编辑的字段选项框外部单击或按 Enter 键,否则某些字段选项不会影响可视化。

放置

设置 y 轴的放置。

  • 自动:Grafana 会自动为序列分配 Y 轴。当有两个或多个具有不同单位的序列时,Grafana 将左轴分配给第一个单位,将右轴分配给下一个单位。

  • :在左侧显示所有 Y 轴。

  • :在右侧显示所有 Y 轴。

  • 隐藏:隐藏所有 Y 轴。

要有选择地隐藏轴,请针对特定字段添加字段覆盖

标签

设置 Y 轴文本标签。如果有多个 Y 轴,可使用覆盖分配不同的标签。

Width (宽度)

设置轴的固定宽度。默认情况下,Grafana 会动态计算轴的宽度。

通过设置轴的宽度,具有不同轴类型的数据可以共享相同的显示比例。这样就可以更容易比较多个图形的数据,因为轴在视觉上不会相互移动或拉伸。

软最小值和软最大值

设置软最小值或软最大值选项,以更好地控制 Y 轴限制。默认情况下,Grafana 会根据数据集自动设置 Y 轴的范围。

软最小值或软最大值设置可以防止在数据大部分平缓的情况下,出现山峰状的突起,而从标准最小值和最大值字段选项派生的硬最小值或硬最大值,则可以通过剪裁超过定义点的尖峰,来防止间歇性尖峰压平有用的细节。

您可以设置标准的最小值/最大值选项来定义 Y 轴的硬限制。有关更多信息,请参阅 配置标准选项

显示多个 y 轴

在某些情况下,您可能希望显示多个 Y 轴。例如,如果您有一个数据集,显示一段时间内的温度和湿度,则可能需要为这两个序列显示两个具有不同单位的 y 轴。

您可以通过添加字段覆盖来实现这一点。根据需要多次执行这些步骤,以添加任意数量的 y 轴。