本文介绍Markdown图表的常见语法及如何在日志服务的仪表盘中创建Markdown图表。

前提条件

背景信息

重要 Markdown图表功能暂时无法使用。

在查询分析日志数据时,将多个统计图表添加到仪表盘中,有助于您快速查看多项分析结果、实时监控多项业务的状态信息。日志服务还支持在仪表盘中增加Markdown图表,该图表使用Markdown语言编辑,您可以在Markdown图表中插入图片、链接、视频等多种元素,使您的仪表盘页面更加友好。

Markdown图表可以根据不同的需求来创建。您可以在Markdown图表中插入背景信息、图表说明、页面注释和扩展信息等文字内容,优化仪表盘的信息表达;插入快速查询或其他Project的仪表盘链接,方便跳转到其他查询页面;插入自定义的图片和视频,让您的仪表盘信息更加丰富、功能更为灵活。

通过Markdown图表可以添加自定义链接到当前Project的其他仪表盘,同时还可以插入图片以便快速区分。当需要对图表参数进行介绍时,也可以插入Markdown图表进行说明。 展示效果

添加Markdown图表

  1. 登录日志服务控制台
  2. 在Project列表区域,单击目标Project。
  3. 在左侧导航栏中,单击配置监控与告警-001
  4. 单击目标仪表盘。
  5. 在仪表盘页面的右上方,单击编辑
  6. 将操作栏中的markdown拖动到指定位置,即可创建Markdown图表。
  7. 双击Markdown图表。
  8. markdown编辑页面,配置如下参数,并单击确定
    创建markdown图表
    参数说明
    图表名称您创建的Markdown图表名称。
    显示边框打开显示边框开关,为Markdown图表增加边框。
    显示标题打开显示标题开关,为Markdown图表增加标题。
    显示背景打开显示背景开关,为Markdown图表添加白色背景。
    绑定查询打开绑定查询开关后,可设置查询属性,在Markdown图表中动态显示查询结果。
    1. 选择待查询的日志库。
    2. 在查询框中输入查询分析语句并设置查询的时间范围,单击查询
      详细说明请参考查询概述
      说明 查询结果相对于指定的时间范围来说,有1min以内的误差。

      显示当前查询结果的第一条数据。

    3. 单击字段旁的⊕,可将查询结果放置在markdown内容中光标所在位置。
    Markdown内容Markdown内容中输入您的Markdown语句,右侧的图表展示区域会实时展示预览界面。您可以根据预览内容调整Markdown语句。Markdown语句请参见常用Markdown语法
  9. 单击保存

修改Markdown图表

  1. 在仪表盘页面右上角,单击编辑
  2. 修改图表位置和大小。
    您可以拖动Markdown图表到指定位置,拖动图表右下角调整图表大小。
  3. 修改Markdown图表属性。
    1. 双击目标Markdown图表。
    2. markdown编辑页面,修改相关属性配置,并单击确定
      您可以修改图表名称、显示设置、查询设置、Markdown内容,参数详情说明请参见添加Markdown图表

删除图表

  1. 在仪表盘页面右上角,单击编辑
  2. 单击目标Markdown图表中的配置监控与告警 > 删除
  3. 在仪表盘页面右上角,单击保存

常用Markdown语法

  • 标题
    • Markdown语句
      # 一级标题
      ## 二级标题
      ### 三级标题
    • 效果展示标题
  • 链接
    • Markdown语句
      ### 目录
      
      [图表说明](https://www.alibabacloud.com/help/doc-detail/69313.htm)
      
      [仪表盘](https://www.alibabacloud.com/help/doc-detail/59324.htm)
    • 效果展示链接
  • 图片
    • Markdown语句
      <div align=center>
      
      ![Alt txt][id]
      
      With a reference later in the document defining the URL location
      
      [id]: https://octodex.github.com/images/dojocat.jpg  "The Dojocat"
    • 图片预览图片
  • 特殊标记
    • Markdown语句
      ---
      
      __Advertisement :)__
      
      ==some mark==   `some code`
      > Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
      >> Shortcuts (emoticons): :-)  8-) ;)
      
      __This is bold text__
      
      *This is italic text*
      
      ---
    • 效果展示特殊标记