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

Prerequisites

Background information

Notice The Markdown chart feature is temporarily unavailable.

Log Service allows you to add multiple charts to a dashboard. This way, you can view analysis results in an efficient manner and monitor the status of multiple applications on a single dashboard. 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 the effectiveness of information presentation. You can insert saved searches or the dashboard links of other projects to navigate to other query pages. You can insert custom images and videos to enrich your dashboard information.

You can insert the custom links of other dashboard pages for the current project into Markdown charts to navigate to the dashboards. You can also insert an image for each Markdown chart to quickly distinguish between dashboards. You can use Markdown charts to describe the parameters of charts. Preview

Create a Markdown chart

  1. Log on to the Log Service console.
  2. In the Projects section, click the name of the project that you want to view.
  3. In the left-side navigation pane, click the Configure monitoring and alerting-001 icon.
  4. In the Dashboard list, click the dashboard on which you want to create a Markdown chart.
  5. In the upper-right corner of the page that appears, click Edit.
  6. In edit mode, drag the Markdown icon from the menu bar and drop the icon on a specified location to create a Markdown chart.
  7. Double-click the Markdown chart.
  8. In the Markdown Edit dialog box, configure the following parameters and click OK.
    Create a Markdown chart
    Parameter Description
    Chart Name The name of the Markdown chart.
    Show Border Specifies whether to show the borders of the Markdown chart. You can turn on Show Border to show the borders of the Markdown chart.
    Show Title Specifies whether to show the title of the Markdown chart. You can turn on Show Title to show the title of the Markdown chart.
    Show Background Specifies whether to show the background of the Markdown chart. You can turn on Show Background to show the background of the Markdown chart. The background color is white.
    Query Binding Specifies whether to associate a query statement with the Markdown chart. You can turn on Query Binding and associate a query statement with the Markdown chart. Then, dynamic query results are displayed in the Markdown chart. The following procedure describes how to associate a query statement with a Markdown chart.
    1. Select a Logstore from which you want to query data.
    2. Enter a query statement in the search box, specify the time range, and then click Search.
      For more information, see Log search overview.
      Note The query results may contain logs that are generated 1 minute earlier or later than the specified time range.

      The first returned log is displayed.

    3. Click the ⊕ icon next to a field to insert the query results to the line pointed by the cursor in Markdown Content.
    Markdown Content Enter your Markdown syntax in Markdown Content. The data preview is displayed in real time in Show Chart. You can modify the Markdown syntax based on the data preview. For more information about the Markdown syntax, see Common Markdown syntax.
  9. Click Save.

Modify a Markdown chart

  1. In the upper-right corner of the dashboard page, click Edit.
  2. Modify the location and size of the Markdown chart.
    You can drag the Markdown icon and drop the icon on a specified location on the dashboard, and drag the lower-right corner of the chart to adjust its size.
  3. Modify the properties of the Markdown chart.
    1. Double-click the Markdown chart.
    2. In the Markdown Edit dialog box, modify the parameters and click OK.
      You can modify the chart name, display settings, query settings, and Markdown content. For more information, see Create a Markdown chart.

Delete a Markdown chart

  1. In the upper-right corner of the dashboard page, click Edit.
  2. Find the Markdown chart that you want to delete and choose Configure monitoring and alerting > Delete.
  3. In the upper-right corner of the dashboard page, click Save.

Common Markdown syntax

  • Title
    • Markdown syntax
      # Level 1 heading
      ## Level 2 heading
      ### Level 3 heading
    • PreviewTitle
  • Link
    • Markdown syntax
      ### Contents
      
      [Chart description](https://www.alibabacloud.com/help/doc-detail/69313.htm)
      
      [Dashboard](https://www.alibabacloud.com/help/doc-detail/59324.htm)
    • PreviewLink
  • 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"
    • PreviewImage
  • 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*
      
      ---
    • PreviewSpecial tag