You need to enable JavaScript to run this app.
导航
柱状图
最近更新时间:2024.08.02 11:18:42首次发布时间:2022.04.02 10:15:58

日志服务提供柱状图方式展示日志查询分析结果,本文介绍介绍各项图表参数配置。

图表说明

柱状图常用于展示分类数据,每个分类为一个柱状图形,其高度为每一分类的数值大小。
在仪表盘中添加柱状图的操作步骤,请参考添加图表到仪表盘

说明

使用统计图表之前,请先阅读注意事项

通用配置

对指定类型的统计图表进行全局配置,该配置对整个图表范围生效。柱状图支持的通用配置如下。

配置

说明

面板配置

标题

设置柱状图标题。

显示图表标题栏

勾选显示图表标题栏后,将在柱状图左上角显示标题。

检索分析字段

X 轴字段

选择用于展示在 X 轴上的字段。建议选择有序数据,例如时间字段。

Y 轴字段

选择用于展示在 Y 轴上的字段。建议选择数据类型字段,支持选择多个字段,以便分析数据之间的相互作用和影响。

标准配置(仅Y轴生效)

格式化

根据不同的单位换算方式将数值格式化。

保留小数点

设置数值小数点后的位数。

单位

设置数值的单位。

柱状图样式

堆叠方式

设置数据柱的堆叠方式。

展示方式

设置数据柱的方向。

柱宽度

设置数据柱的宽度。

描边宽度

设置数据柱的边宽度。

不透明度

设置数据柱的不透明度。

显示数值

勾选显示数值后,系统将在数据柱上显示具体的数值。

图例

显示图例

勾选显示图例后,系统将根据您所设置的图例位置显示图例。

位置

设置图例的位置。

动作行为

单击图例中某一类别时的动作行为。

  • **单击选择:**单击图例中的某一类别时,在柱状图中只展示此类别的数据。
  • **单击隐藏:**单击图例中的某一类别时,在柱状图中隐藏此类别的数据。

Tooltip

排序方式

设置数值的排序方式,支持默认、升序和降序。
将鼠标悬浮在柱状图上,系统将根据您所设置的排序方式显示数值。

显示模式

设置数值的显示模式,支持显示单个图例、所有图例。
将鼠标悬浮在柱状图上,系统将根据您所设置的显示模式显示数值。

X、Y 轴样式

X 轴标题

设置 X 轴的标题。

X 轴刻度标签角度

设置 X 轴刻度标签的角度。

Y 轴标题

设置 Y 轴的标题。

Y 轴位置

设置 Y 轴的位置。

Y 轴最小值

设置 Y 轴的最小值,小于该值的坐标区域不显示。
开启弹性显示后,系统会根据检索分析结果,弹性显示最小值。当所有值都大于等于弹性最小值时,弹性最小值才会生效。

Y 轴最大值

设置 Y 轴的最大值,大于该值的坐标区域不显示。
开启弹性显示后,系统会根据检索分析结果,弹性显示最大值。当所有值都小于等于弹性最大值时,弹性最大值才会生效。

色彩配置

配色方案

设置柱状图的颜色。

  • 内置:根据内置的配色方案展示柱状图。
  • 单色:显示为您所选择的颜色。
  • 阈值:指定阈值点和颜色后,如果实际值大于该阈值点,则显示为对应的颜色。

填充方式

设置色彩填充方式,包括纯色和渐变。

链接

支持添加额外的链接,用于丰富图表信息。
设置后,将在图表的左上角展示链接图标,您可以单击链接图标,查看链接内容。

字段配置

字段配置区域选择字段名称之后,可以为此字段添加自定义的样式配置,此配置仅对指定字段生效,其他字段仍沿用通用配置。字段配置的配置项含义与通用配置相同,各个配置项的说明请参考通用配置
例如,下图示例表示分别对 avg_respsize 字段和 avg_reqsize 字段添加字段配置,为两个字段所在的柱子自定义不同的颜色。
图片

交互事件

交互事件中可以设置分析图表在仪表盘中的交互效果,设置后,在仪表盘中单击指定字段时会触发对应的交互效果。目前支持的交互事件包括打开日志主题打开仪表盘自定义 HTTP 链接。每种交互事件的详细说明请参考交互事件

例如将 PV **** 字段的交互事件设置为打开日志主题,则您在柱状图中单击任意柱体,然后单击打开日志主题,页面将自动跳转到您所设置的日志主题中。
图片

示例

通过柱状图展示每个请求方法对应的请求数量。

  • 检索分析语句

    * | SELECT COUNT(*) as PV,Method GROUP BY Method
    
  • 图表设置

    • X轴字段:指定为 MethodMethod 表示请求方法。
    • Y轴字段:指定为 PV。通过 COUNT(*) as PV 统计请求数量。
  • 统计图表
    图片