本文介绍在仪表盘编辑模式下,如何添加图表、调整布局、编辑图表、导入图表、修改仪表盘名称等操作。
前提条件
已成功创建仪表盘。具体操作,请参见创建仪表盘。
功能入口
编辑模式下的所有操作,都必须保存后才会生效,即在仪表盘页面的右上方单击保存。
仪表盘为网格布局或自由布局时,所支持的操作略有不同,以实际界面为准。
登录日志服务控制台。
进入仪表盘页面。
在Project列表区域,单击目标Project。
在左侧导航栏中,选择
。在仪表盘列表中,单击目标仪表盘。
在仪表盘页面,单击页面右上角的编辑。
添加图表
单击顶部操作栏 添加 按钮,可进行如下操作。
添加新图表
具体操作,请参见添加统计图表(Pro版本)到仪表盘或添加统计图表到仪表盘。
添加折叠行
添加折叠行用于折叠位于其下的图表。当仪表盘为网格布局且处于编辑模式时,选择
添加折叠行后,您可以将其拖动至目标位置,您还可以单击图标,设置折叠行的名称。
折叠前
折叠后
添加图形
单击矩形或菱形图标添加矩形或菱形。双击图形,可输入文本内容,还可修改文本属性,边框属性和背景颜色。
添加文本
单击文本图标添加文本框,双击文本,即可输入文本内容。您还可以修改文本属性(字号、字体样式、对齐方式和字体颜色)。
添加自定义SVG
单击自定义SVG图标,选择目标SVG并上传到仪表盘。
说明SVG大小不超过10 KB。
添加过滤器
在顶部操作栏中,单击图标添加过滤器。通过过滤器可缩小查询范围或替换占位符变量,即对整个仪表盘进行查询过滤和变量替换操作。更多信息,请参见添加过滤器。
调整布局
当仪表盘为自由布局且处于编辑模式时,所有统计图表与各类图表元素位于一个可随意拖动的画布中,您可以自由拖动和缩放每一个图表。画布水平方向限制为1000个单位,每个单位宽度为当前浏览器宽度/1000,垂直方向无限制,每个单位为1像素。
调整图表位置
选中目标图表,直接拖动到指定位置。
选中目标图表,在操作栏中设置左边距和上边距,调整图表的位置。
调整图表大小
选中目标图表,拖动调整图表大小。
选中目标图表,在操作栏中设置高度和宽度,调整图表大小。
设置图表层级
选中目标图表,单击操作栏中的
图标或
图标,可将图表层级设置为置顶或置底。
排列图表
按住键盘的Ctrl键且单击鼠标左键,选中待排列的图表,单击操作栏中的图标,可一键排列图表。
网格布局模式下,支持等宽间隔排列、等高排列。
自由布局模式下,支持左对齐、右对齐、上对齐、下对齐、等宽间隔排列、等高排列。
切换页面布局
日志服务仪表盘支持网格布局和自由布局两种模式。
切换页面布局后,可能导致连线、折叠行、图表位置、图表大小等发生变化。
修改仪表盘名称
单击页面右上角的编辑。
单击仪表盘右上角的编辑。
在页面右侧的通用配置页签的基本配置区域中修改标题。
导入图表
单击操作栏中的导入图表。
选择目标仪表盘和图表,单击确定。