文档

Markdown图表(Pro版本)

更新时间:

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

前提条件

简介

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

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

添加Markdown图表的入口,请参见添加统计图表(Pro版本)到仪表盘

产品试用

SLS Playground已内置Markdown图表Demo,便于您快速了解及体验功能。您可以单击如下链接,进行试用。

通用配置

通用配置用于对统计图进行全局配置。

  • 基础配置

    参数

    说明

    居中方式

    图表展示的居中方式。

    • 左右居中。

    • 上下居中。

常用Markdown语法

  • 标题

    • Markdown语句

      # 一级标题
      ## 二级标题
      ### 三级标题
    • 效果展示标题

  • 链接

    • Markdown语句

      ### 目录
      
      [图表说明](https://help.aliyun.com/document_detail/69313.html)
      
      [仪表盘](https://help.aliyun.com/document_detail/59324.html)
    • 效果展示链接

  • 图片

    • 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*
      
      ---
    • 效果展示特殊标记

配合查询使用

  1. 准备查询结果。

    image

  2. 使用查询结果。

    image

    • 只有一个查询的时候,直接使用字段名。

      查询语法:${字段名}

    • 多查询情况,为了避免字段名重复,需要加上查询ID。关于查询ID,请参见查询分析

      查询语法:${查询ID.字段名}