How to create a Markdown chart on a dashboard of Simple Log Service and common Markdown syntax - Simple Log Service

This topic describes the common syntax of Markdown charts and how to create a Markdown chart on a dashboard of Simple Log Service.

Prerequisites

Data is collected to Simple Log Service. For more information, see Data collection overview.
A dashboard is created. For more information, see Create a dashboard.

Background information

Simple Log Service allows you to add multiple charts to a dashboard. This way, you can view query and analysis results in an efficient manner and monitor the status of multiple applications on a single dashboard. Simple Log Service also allows you to add Markdown charts to a dashboard. You must edit Markdown charts by using the Markdown syntax. You can insert multiple elements, such as images, links, and videos, into Markdown charts to make your dashboard page more user-friendly.

You can create different Markdown charts based on your business requirements. Markdown charts can make a dashboard more intuitive to use. You can insert text, such as background information, chart descriptions, notes, and extension information, into Markdown charts to optimize information presentation. You can insert saved searches or the dashboard links of other projects to navigate to other query pages. You can also insert custom images and videos to enrich your dashboard information.

For more information about how to create a Markdown chart for a dashboard, see Add a chart (Pro) to a dashboard.

General Configurations tab

On the General Configurations tab, you can configure global settings for a Markdown chart.

Markdown Configurations section
Parameter
Description
Center Method
The alignment mode of a chart. Valid values:
Horizontally Center
Vertically Center

Common Markdown syntax

Title

Markdown syntax

# Level-1 heading
## Level-2 heading
### Level-3 heading

Preview

Link

Markdown syntax

### Table of contents

[Chart description](https://www.alibabacloud.com/help/doc-detail/69313.htm)

[Dashboard](https://www.alibabacloud.com/help/doc-detail/59324.htm)

Preview

Image

Markdown syntax

<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"

Preview

Special tag

Markdown syntax

---

__Advertisement :)__

==some mark==   `some code`
> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
>> Shortcuts (emoticons): :-)  8-) ;)

__This is bold text__

*This is italic text*

---

Preview

Apply query and analysis results to a Markdown chart

Execute query statements to obtain query and analysis results.
Apply the results to a Markdown chart.
- If you add only one query statement, directly use field names.
  Query syntax: ${Field name}
- If you add multiple query statements, add query statement IDs before field names. This helps prevent field name conflicts. For more information about query statement IDs, see Query and analysis.
  Query syntax: ${Query ID.Field name}