编辑仪表盘时,仪表盘处于编辑模式下。编辑模式支持对仪表盘进行一系列变更和设置操作。

在编辑模式下,支持对仪表盘进行多种变更操作,包括:
  • 仪表盘设置
    • 在页面左上角修改仪表盘名称。
    • 支持将仪表盘作为画布,为其添加图表元素,如Markdown图表、自定义图表、文本、图标等图表元素。
    • 在图表元素之间添加连接线,连接线支持根据图表位置自适应。
    • 添加过滤器,添加后在显示模式下可以过滤图表数据。
    • 为便于排版,可以设置显示网格线,让图标等元素的位置工整有序。
    • 通过菜单栏控制仪表盘中图表的属性设置,例如添加、删除、撤销操作、配置层级和图表大小、位置。
  • 图表设置:支持在仪表盘编辑模式下编辑图表,例如修改分析图表的语句、属性、下钻配置等交互行为。
说明 在仪表盘编辑模式下的所有变更,都必须在页面右上角单击保存才会生效。

图表元素



仪表盘编辑模式下,支持插入以下图表元素:
  • 常见图标

    日志服务提供一系列常见图标以便在仪表盘中展示。在菜单栏中拖动该图标到指定位置即可。





  • 文本

    在仪表盘菜单栏中拖动文本图标到指定位置,可以插入文本。双击文本框可以修改文本内容。



  • Markdown图表

    日志服务还支持在仪表盘中增加Markdown图表,该图表使用Markdown语言编辑。

    在仪表盘菜单栏中拖动Markdown图标到指定位置,可以插入Markdown文本。在其右上角的隐藏菜单中单击编辑可以设置Markdown文本内容。



  • 过滤器

    在日志服务仪表盘中增加过滤器配置,可以过滤器缩小查询范围或替换占位符变量,即对整个仪表盘进行查询过滤(Filter)和变量替换(Variables)操作。

    在仪表盘菜单栏单击过滤器图标,在弹出页面中设置过滤器,仪表盘过滤器默认位置为仪表盘左上角。在其右上角的隐藏菜单中单击编辑可以修改过滤器设置。



  • 自定义SVG
    支持直接上传SVG到仪表盘。在操作栏中单击SVG图标,单击或拖拽上传SVG即可。
    说明 SVG大小不超过10 KB。


  • 自定义HTTP图片

    支持直接上传HTTP图片到仪表盘。在操作栏中单击对应图标,输入图片的HTTP链接,并单击确定即可。



排版布局

在仪表盘编辑模式下,所有的分析图表与各类图表元素都被至于一个可以随意进行拖拽的网格画布中,您可以自由地对每一个图表进行拖动和缩放(连接线除外)。画布水平方向限制为1000个单位,每个单位宽度为当前浏览器宽度 / 1000,垂直方向无限制,每个单位为1像素。排版前,可以在右上角单击显示网格线,网格线便于设置图表的位置和间距。

支持进行以下排版操作:

  • 调整图表位置
    • 直接拖动图表到指定位置。
    • 选中指定图表后,在操作栏中通过设置左边距上边距,调整图片的位置。


  • 调整图表宽度、高度
    • 选中指定图表后,在右下角拖拽,调整图表大小。
    • 选中指定图表后,在操作栏中通过设置宽度高度,设置图表的大小。


  • 添加图表连接线

    在图表之间添加带方向的连接线后,调整表格的位置和大小时,连接线会同时移动,便于展示图表间的相对关系。

    选中图表后,长按其边框中的方框标识,此处为连接线的起点,页面会自动展示可作为连接线终点的区域,将鼠标移动至该位置即可。





  • 图表间支持设置层级关系,选中指定图表后,通过操作栏可将图表层级设置为置顶或置底。



图表设置

在仪表盘编辑模式下,支持对图表元素进行以下操作:
  • 编辑:修改分析图表的语句、属性、下钻配置等交互行为。
    1. 在仪表盘页面右上角单击编辑
    2. 在图表右上角展开隐藏菜单,并单击编辑
    3. 修改分析图表的查询语句、属性配置数据源信息或交互行为
    4. 单击预览,并单击确定
    5. 在仪表盘页面右上角单击保存


  • 复制:创建指定图表元素的副本,保留所有配置信息。
    1. 在仪表盘页面右上角单击编辑
    2. 在图表右上角展开隐藏菜单,并单击复制
    3. 拖动图片副本到指定位置,设置边距和大小。
    4. 在仪表盘页面右上角单击保存


  • 删除:从仪表盘中删除指定图表元素。
    1. 在仪表盘页面右上角单击编辑
    2. 在图表右上角展开隐藏菜单,并单击删除
    3. 在仪表盘页面右上角单击保存