Create and configure Markdown charts in Simple Log Service dashboards - Simple Log Service

Learn common Markdown chart syntax and how to add Markdown charts to Simple Log Service dashboards.

Prerequisites

Log data has been collected. Data collection.
A dashboard has been created. Create a dashboard.

Introduction

Simple Log Service supports Markdown charts in dashboards. Use Markdown charts to add text such as background information, chart descriptions, page comments, and extension information. You can also insert links to saved searches or dashboards in other projects for navigation, and embed custom images and videos.

Overview

Type	Example	Related link
Basic Markdown		Basic Markdown configuration
Use with queries		Configure Markdown with query and analysis results

Basic Markdown configuration

Log on to the Simple Log Service console. In the Projects section, click the project you want.
In the left-side navigation pane, choose Dashboard > Dashboards. In the Dashboard list, click the dashboard you want. In the upper-right corner of the dashboard page, click Edit. In edit mode, choose Add > Add Chart.
In the right panel, set Chart Type and Title. Enter Markdown content in the Markdown Content Edit area. The result appears in Chart Display.

General configurations

Configure global settings for the chart.

Basic configurations

Parameter	Description
Title	Set the title of the chart.
Display Title	When you turn on the Display Title switch, the title is displayed in the chart.
Display Border	When you turn on Display Border, a border is displayed in the chart.
Display Background	After you turn on the Display Background switch, a background color is displayed in the chart.
Display Time	After you turn on the Display Time switch, the query time is displayed in the chart.
Fixed Time	After you turn on the Fixed Time switch, the time range for the query and analysis is fixed and is not affected by the global time of the dashboard.

Markdown configurations

Parameter

Description

Alignment

The method for centering the chart.

Horizontal center.
Vertical center.

Common Markdown syntax

Title
- Syntax
```
# Heading 1
## Heading 2
### Heading 3
```
- Result

Links

Syntax

### Contents

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

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

Result

Images

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"

Image preview

Special formatting

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*

---

Result