すべてのプロダクト
Search
ドキュメントセンター

Simple Log Service:Markdown チャート

最終更新日:Dec 11, 2024

このトピックでは、Markdownグラフの一般的な構文と、Simple Log ServiceダッシュボードにMarkdownグラフを追加する方法について説明します。

前提条件

  • データはSimple Log Serviceに収集されます。 詳細については、「データ収集の概要」をご参照ください。

  • ダッシュボードが作成されます。 詳細については、「データベースの作成」をご参照ください。

概要

Simple Log Serviceを使用すると、Markdownグラフをダッシュボードに追加できます。 グラフを変更する場合は、Markdown構文を使用する必要があります。 背景情報、チャートの説明、メモ、拡張情報などのテキストをMarkdownチャートに挿入して、情報の表示を最適化できます。 保存した検索や他のプロジェクトのダッシュボードリンクを挿入して、他のクエリページに移動できます。 カスタム画像やビデオを挿入して、ダッシュボード情報を補足することもできます。

設定効果

Markdownチャートタイプ

サンプルMarkdownチャート

関連ドキュメント

基本Markdownチャート

image

基本的なMarkdownチャートの設定

クエリと分析の結果ベースのMarkdownチャート

image

クエリと分析の結果に基づいてMarkdownチャートを設定する

基本的なMarkdownチャートの設定

  1. Simple Log Service コンソールにログインします。 [プロジェクト] セクションで、目的のプロジェクトをクリックします。

  2. 左側のナビゲーションウィンドウで、[ダッシュボード]> [ダッシュボード] を選択します。 ダッシュボードリストで、目的のダッシュボードをクリックします。 ダッシュボードページの右上隅にある [編集] をクリックします。 編集モードで、[追加] > [グラフの追加] をクリックします。

    image

  3. [チャートの編集] ページの右側で、[チャートの種類] セクションの [Markdown Pro] を選択し、次の図に基づいて [基本構成] セクションの [タイトル] パラメーターを設定します。 [チャートの編集] ページの左側で、[Markdownコンテンツエディター] セクションでコンテンツを指定し、[チャートの表示] セクションで、Markdownチャートの設定効果を表示します。

    image

[一般的な構成] タブの構成

[全般構成] タブで、Markdownグラフのグローバル設定を構成できます。

  • 基本設定

    パラメーター

    説明

    タイトル

    チャートのタイトル。

    表示タイトル

    [タイトルの表示] をオンにすると、チャートのタイトルが表示されます。

    表示ボーダー

    [枠の表示] をオンにすると、グラフの枠が表示されます。

    表示背景

    [背景の表示] をオンにすると、チャートの背景色が表示されます。

    表示時間

    [表示時間] をオンにすると、チャートのクエリ時間範囲が表示されます。

    固定時間

    [固定時間] をオンにすると、グラフのクエリ時間範囲はダッシュボードのグローバル時間範囲とは無関係になります。

  • Markdown Configurationsセクションのパラメータ

    パラメーター

    説明

    センターメソッド

    Markdownチャートの整列モード。 有効な値:

    • 水平センター

    • 垂直センター

一般的なMarkdown構文

  • タイトル

    • Markdown構文

      # Level-1 heading
      ## Level-2 heading
      ### Level-3 heading
    • プレビュー 标题

  • リンク

    • Markdown構文

      ### Table of contents
      
      [Chart description](https://www.alibabacloud.com/help/doc-detail/69313.htm)
      
      [Dashboard](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*
      
      ---
    • プレビュー 特殊标记