---
schema_version: "1"
id: b9d5f4bca7a8afa768047825b398e251a3c7b1848894eca6a7a86b9b18cac473
title: カスタムダッシュボードのグラフの設定
collection: mulesoft
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/monitoring/dashboard-custom-config-graph.md
canonical_url: https://docs.mulesoft.com/jp/monitoring/dashboard-custom-config-graph
source_site: docs.mulesoft.com
content_type: documentation
content_hash: e92f6392587db5d9b6ba36371f9cce1263e7772bf9ea9e02931ee26d8490bdd9
description: MuleSoft Documentation Site
latest: true
---
# カスタムダッシュボードのグラフの設定

[![](/mulesoft/current/ja-jp/_/img/icons/info.svg)](/jp/monitoring/#billing)

Anypoint Monitoring では、グラフに時系列データのセットを 1 つ以上設定できます。グラフでは、経時に伴う時系列データへの変更を測定します。カスタムダッシュボードのグラフには、特定の環境のリソースに関するメトリクスを表示できます。たとえば、グラフを設定する場合、Design または Sandbox 環境で Mule アプリケーションのグラフにメトリクスとして応答時間やヒープ使用状況を選択できます。

\[Advanced (高度)\] 設定オプションでは、データセットをより細かく調整できます。X および Y 軸、グラフの外観、凡例、データポイントにカーソルを置いたときの動作などをカスタマイズすることもできます。

グラフの設定ページを開くには、​[「カスタムダッシュボードの設定」](https://docs.mulesoft.com/jp/monitoring/dashboard-custom-config)​を参照してください。

## [](#基本および高度なデータクエリの-general-一般-設定)基本および高度なデータクエリの \[General (一般)\] 設定

**\[General (一般)\]**​ タブの設定には、時系列データを設定するための​[基本](#mode_basic)​および​[高度な](#mode_advanced)​クエリ (またはモード) が含まれます。タイトルと短い説明は、両方の設定で共有されます。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">基本モードおよび高度なモード設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Title (タイトル)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">UI に表示するタイトル。デフォルトは「Panel Title」 (パネルタイトル) です。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">説明</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">UI でユーザーが情報 (​<code>i</code>​) アイコンにカーソルを置いたときに表示する短い説明。</p></td>
</tr>
</tbody>
</table>

その他の設定は、設定モード (基本または高度) に固有です。

### [](#mode_basic)基本モード

**\[General (一般)\]**​ 設定タブでは、基本クエリが特定の環境のリソース (デプロイ済みアプリケーションまたは API) に関する 1 つのメトリクスを選択します。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">基本モードの設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Panel Type (パネル種別)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>ドロップダウンメニューから、リソースについて表示するパネルの種別 (​<code>Application Panel</code>​、​<code>API Panel</code>​、または ​<code>API Analytics Panel</code>​ (非推奨)) を選択します。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Metric (メトリクス)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>ドロップダウンメニューには、次のメトリクス種別が含まれます。</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Inbound response metrics and averages (インバウンド応答メトリクスおよび平均)</p>
</li>
<li>
<p>JVM metrics (JVM メトリクス)</p>
</li>
<li>
<p>Outbound response metrics and averages (アウトバウンド応答メトリクスおよび平均)</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>基本メトリクスのリストについては、​<a href="https://docs.mulesoft.com/jp/monitoring/dashboard-config-ref#metrics" class="xref page">基本モードのメトリクス</a>​を参照してください。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Environment (環境)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">アプリケーションまたは API がデプロイされる環境。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">リソース</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">デプロイ済みのアプリケーション。</p>
<p class="tableblock">このオプションは、​<code>Application Panel</code>​ をパネル種別として選択した場合にのみ使用できます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">API</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">デプロイ済みの API。</p>
<p class="tableblock">このオプションは、​<code>API Panel</code>​ または ​<code>API Analytics Panel</code>​ (非推奨) をパネル種別として選択した場合にのみ使用できます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Version / Instance (バージョン / インスタンス)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">API をデプロイする Mule バージョンまたはインスタンス。</p>
<p class="tableblock">このオプションは、​<code>API Panel</code>​ または ​<code>API Analytics Panel</code>​ (非推奨) をパネル種別として選択した場合にのみ使用できます。</p></td>
</tr>
</tbody>
</table>

設定を完了したら、​**\[Save Changes (変更を保存)\]**​ をクリックします。

設定を終了してダッシュボードに戻るには、​**\[X\]**​ をクリックします。

<table><tbody><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content">JVM メトリクスを使用してアプリケーションパネルを作成する場合、このパネルをサポートするクエリは、アプリケーションの worker-id のみを使用します。後々このパネルを変更する際、リソース項目にクエリのコンテンツが入力されます。一部のアプリケーションは worker-id を共有するため、セレクターに表示されるリソースが、元々選択したリソースとは異なるように見えることがあります。ただし、すべてのリソースが同じワーカーを共有するため、セレクターに異なるリソース名が表示されていても、クエリには正しい情報が保持されています。</td></tr></tbody></table>

### [](#mode_advanced)高度なモード

**\[General (一般)\]**​ 設定タブの高度な設定では、チャートに対して 1 つ以上の詳細に調整されたクエリがサポートされます。

<table><tbody><tr><td class="icon"><i class="fa icon-important" title="Important"></i></td><td class="content">基本設定に戻ると、高度な設定のクエリのいくつかは削除されます。</td></tr></tbody></table>

![高度な設定モードが有効になっています。](/mulesoft/current/ja-jp/monitoring/_images/config-general-advanced.png)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">アプリケーションの高度なモードの設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">From (送信元)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>チャートに追加可能な JVM および Mule アプリケーションのプロパティ (​<code>jvm.memory</code>​ や ​<code>app_inbound_metric</code>​ など) をリストします。</p>
</div>
<div class="paragraph">
<p>この項目では、文字を入力すると一致候補が表示されます。たとえば、「​<code>jvm.c</code>​」と入力すると、それらの文字が含まれるすべての値 (​<code>jvm.classloading</code>​ や ​<code>jvm.cpu.operatingsystem</code>​ など) のリストが表示されます。</p>
</div>
<div class="paragraph">
<p>高度なメトリクスのリストについては、​<a href="https://docs.mulesoft.com/jp/monitoring/dashboard-config-ref#metrics_advanced" class="xref page">高度なモードのメトリクス</a>​を参照してください。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Where</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>選択された ​<strong>[From]</strong>​ データソースを絞り込むための条件付きロジックをサポートします。</p>
</div>
<div class="ulist">
<ul>
<li>
<p>1 つ以上の検索条件タグ (​<code>app_id</code>​、​<code>env_id</code>​、​<code>org_id</code>​、​<code>worker_id</code>​ など) を選択します。</p>
</li>
<li>
<p>次のような演算子を使用できます。<br></p>
<div class="ulist">
<ul>
<li>
<p><code>=</code>​ 左側の値が右側の値と一致する。</p>
</li>
<li>
<p><code>&lt;</code>​ 左側の値は右側の値より小さい。</p>
</li>
<li>
<p><code>&gt;</code>​ 左側の値は右側の値より大きい。</p>
</li>
</ul>
</div>
</li>
<li>
<p>式間に論理 ​<code>AND</code>​ または ​<code>OR</code>​ 演算子を使用して、複数の絞り込み式が含まれるクエリを作成することもできます。</p>
<div class="paragraph">
<p>例:</p>
</div>
</li>
<li>
<p><code>Where env_id = Sandbox</code>​</p>
</li>
<li>
<p><code>Where env_id = Sandbox AND app_id= app3</code>​</p>
</li>
<li>
<p><code>Where env_id = Sandbox OR env_id= Production</code>​</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>括弧内で ​<code>AND</code>​ または ​<code>OR</code>​ 条件をグループ化することは​<em>許可されていません</em>​。たとえば、​<code>Where env_id = Sandbox AND (app_id= app3 OR app_id=app2)</code>​ は許可されていません。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Select</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>1 つ以上の ​<code>field</code>​ (項目) 設定を追加して、​<strong>From</strong>​ データから項目を選択し、操作を適用する関数 (​<code>heap_total</code>​ の ​<code>mean</code>​ (平均) など) を作成します。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Group By</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>選択された期間 (​<code>$_interval</code>​、​<code>1s</code>​ (1 秒)、​<code>10m</code>​ (10 分)、​<code>1h</code>​ (1 時間))、検索条件タグ (​<code>tag(env_id)</code>​ など)、入力オプション (​<code>none</code>​ (なし)、​<code>null</code>​、​<code>0</code>​、​<code>previous</code>​ (前回)、​<code>linear</code>​ (線形)) でデータをグループ化します。</p>
</div>
<div class="paragraph">
<p>次の値と引数が有効です。</p>
</div>
<div class="ulist">
<ul>
<li>
<p><code>time($_interval)</code>​: 期間が自動設定されます。または、期間を指定できます (​<code>1m</code>​ (1 分)、​<code>5m</code>​ (5 分)、​<code>10m</code>​ (10 分)、​<code>15m</code>​ (15 分)、​<code>1h</code>​ (1 時間) のいずれか)。</p>
</li>
<li>
<p><code>fill()</code>​: 有効値は ​<code>none</code>​ (なし)、​<code>null</code>​、​<code>0</code>​、​<code>previous</code>​ (前回)、​<code>linear</code>​ (線形)。</p>
</li>
<li>
<p><code>LIMIT</code>​: 数値 (N)。この N を使用して、結果をクエリで返された最初の N 件のデータポイント (系列とタイムスタンプ値の組み合わせ) に制限します。</p>
</li>
<li>
<p><code>SLIMIT</code>​: 数値 (N)。この N を使用して、クエリで返された最初の N 系列からすべてのデータポイント (系列とタイムスタンプ値の組み合わせ) を返します。</p>
</li>
<li>
<p><code>ORDER BY time DESC</code>​: 結果を新しい順に返します。</p>
</li>
</ul>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Alias By</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">リテラル文字列 (​<code>my string</code>​ など) またはサポートされている変数 (​<code>$tag_worker_id</code>​ や ​<code>$tag_env_id</code>​ など) を使用してメトリクスの表示ラベルを作成できます。</p></td>
</tr>
</tbody>
</table> <table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">API の高度なモード設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">From (送信元)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p><code>http_summary_metric</code>​</p>
</div>
<div class="paragraph">
<p>高度なメトリクスのリストについては、​<a href="https://docs.mulesoft.com/jp/monitoring/dashboard-config-ref#metrics_advanced" class="xref page">高度なモードのメトリクス</a>​を参照してください。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Where</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>選択された ​<strong>[From]</strong>​ データソースを絞り込むための条件付きロジックを指定します。</p>
</div>
<div class="paragraph">
<p>1 つ以上の検索条件タグ (​<code>api_id</code>​、​<code>org_id</code>​、​<code>api_version_id</code>​、​<code>method</code>​、​<code>status code</code>​ など) を選択できます。例: <code>Where status_code = 200</code>​。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Select</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>HTTP の概要から項目 (​<code>request_size_average</code>​、​<code>response_time_max</code>​、​<code>response_time_sum</code>​ など) を選択し、操作 (​<code>response_time_average</code>​ の ​<code>mean</code>​ (平均) など) を適用する関数を作成します。1 つ以上の ​<code>field</code>​ (項目) 設定を追加できます。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Group by</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>選択された期間 (​<code>$_interval</code>​、​<code>1s</code>​ (1 秒)、​<code>10m</code>​ (10 分)、​<code>1h</code>​ (1 時間))、検索条件タグ (​<code>tag(api_id)</code>​ など)、入力オプション (​<code>none</code>​ (なし)、​<code>null</code>​、​<code>0</code>​、​<code>previous</code>​ (前回)、​<code>linear</code>​ (線形)) でデータをグループ化します。</p>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Alias by</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>リテラル文字列 (​<code>my string</code>​ など) またはサポートされている変数 (​<code>$tag_api_id</code>​ など) を使用してメトリクスの表示ラベルを作成できます。別名は常に ​<code>$tag</code>​ で開始する必要があります。構文は ​<code>$tag_yourTagName</code>​ です。</p>
</div>
<div class="paragraph">
<p>タグを別名として使用するには、そのタグがクエリで ​<code>group by</code>​ に使用されている必要があります。</p>
</div></div></td>
</tr>
</tbody>
</table>

設定を完了したら、​**\[Save Changes (変更を保存)\]**​ をクリックします。

設定を終了してダッシュボードに戻るには、​**\[X\]**​ をクリックします。

## [](#軸-x-軸および-y-軸設定)軸 (X 軸および Y 軸設定)

**\[Axes (軸)\]**​ タブで、グラフの X 軸と Y 軸を設定できます。

### [](#y-軸設定)Y 軸設定

縦の Y 軸をグラフの左側 (Left Y) または右側 (Right Y) に設定します。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">Y 軸設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Show (表示)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オフの場合、グラフの Y 軸は非表示になります。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Unit (単位)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y 軸の値に使用する測定単位。  値として、​<code>none</code>​ (なし)、データ型 (​<code>short</code>​ (短整数)、​<code>percent (1-100)</code>​ (パーセント (1 ～ 100)) など)、​<code>currency</code>​ (通貨) 設定 (​<code>Dollars $</code>​ (ドル $)、​<code>Real ($)</code>​ (レアル ($)) など)、​<code>time</code>​ (時刻)、​<code>data</code>​ (データ)、​<code>data rate</code>​ (データレート) など多くの種類があります。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Scale (スケール)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>有効値は、Y 軸の座標に対する均等 (linear) 目盛りまたは対数 (log) 目盛りです。</p>
</div>
<div class="ulist">
<ul>
<li>
<p>linear (均等): Y 座標用 (​<code>1</code>​、​<code>2</code>​、​<code>3</code>​ など)。</p>
</li>
<li>
<p>log (base 2) (2 進対数): Y 座標用 (​<code>1</code>​、​<code>4</code>​、​<code>16</code>​ など)。</p>
</li>
<li>
<p>log (base 10) (2 進対数): Y 座標用 (​<code>1</code>​、​<code>10</code>​、​<code>100</code>​ など)。</p>
</li>
<li>
<p>log (base 32) (2 進対数): Y 座標用 (​<code>1</code>​、​<code>32</code>​、​<code>1024</code>​ など)。</p>
</li>
<li>
<p>log (base 1024) (2 進対数): Y 座標用 (​<code>1</code>​、​<code>1024</code>​、​<code>1048576</code>​ など)。</p>
</li>
</ul>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y-Min (Y 最小)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y 座標の最小値。デフォルトは ​<code>auto</code>​ です。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y-Max (Y 最大)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y 座標の最大値。デフォルトは ​<code>auto</code>​ です。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Decimals (小数)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y 座標の自動小数精度を上書きします。たとえば、​<code>2</code>​ にすると、値 ​<code>10.12345</code>​ が ​<code>10.12</code>​ に制限されます。デフォルトは ​<code>auto</code>​ です。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Label (表示ラベル)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Y 軸の表示ラベルに使用する文字列。デフォルトは ​<code>""</code>​ です。</p></td>
</tr>
</tbody>
</table>

### [](#x-軸設定)X 軸設定

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">X 軸設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Show (表示)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オフの場合、グラフの X 軸は非表示になります。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Mode (モード)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>有効値:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Time (時間): デフォルトのオプション。X 軸データが時間単位 (時間や分など) に分割されることを示します。</p>
</li>
<li>
<p>Series (系列): データが系列で分割され、Y 軸で系列データの値が提供されることを示します。</p>
</li>
<li>
<p>Histogram (ヒストグラム): グラフを、指定された数値区間 (バケットまたはビンと呼ばれる) に収集されたデータを表す棒チャートに変換します。ヒストグラムでは、棒が高いほど、その区間に収集されたデータの頻度 (または件数) が大きいことを示します。</p>
</li>
</ul>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Value (値)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">[Series (系列)] が選択されている場合にのみ表示されます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Buckets (バケット)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">[Histogram (ヒストグラム)] が選択されている場合にのみ表示されます。特定のメトリクスの値の範囲を指定された数の区間に分割し、その区間に該当するデータポイントの件数または頻度をヒストグラムで表示できるようにします。</p></td>
</tr>
</tbody>
</table>

設定を完了したら、\[Save Changes (変更を保存)\] をクリックできます。設定を終了してダッシュボードに戻るには、\[​`X`​\] をクリックします。

## [](#視覚化-棒折れ線データポイント設定)視覚化 (棒、折れ線、データポイント設定)

使用するグラフのスタイルと外観を設定できます。棒、折れ線、およびポイントグラフがサポートされます。

![\[Singlestat\] の例](_images/graph-config-visuals.png)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">視覚設定オプション</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Draw Modes (描画モード)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>次のモードの 1 つ以上を選択できます。</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Bars (棒): 値を棒チャートとして表すためのチェックボックス。</p>
</li>
<li>
<p>Lines (折れ線): 値を折れ線グラフとして表すためのチェックボックス。</p>
</li>
<li>
<p>Points (ポイント): 値をデータポイントとして表すためのチェックボックス。</p>
</li>
</ul>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Mode Options (モードオプション)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p>[Draw Modes (描画モード)] で [Lines (折れ線)] または [Points (ポイント)] が選択されている場合にのみ指定できます。</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Point Radius (ポイント半径): [Draw Modes (描画モード)] で [Lines (折れ線)] が選択されている場合にのみ指定できます。​<code>0</code>​ (なし) ～ ​<code>10</code>​ のスケールで、グラフ上の関連データポイントを接続する線の太さを設定します。</p>
</li>
<li>
<p>Fill (塗りつぶし): [Draw Modes (描画モード)] で [Points (ポイント)] が選択されている場合にのみ指定できます。​<code>0</code>​ (なし) ～ ​<code>10</code>​ のスケールで、グラフ上の関連データポイントより下に使用される色の不透明度を設定します。</p>
</li>
<li>
<p>Line Width (線の幅): [Draw Modes (描画モード)] で [Points (ポイント)] が選択されている場合にのみ指定できます。​<code>0</code>​ (なし) ～ ​<code>10</code>​ のスケールで、塗りつぶしの境界線の太さを設定します。</p>
</li>
<li>
<p>Staircase (階段): 隣接するポイントを階段パターンで表示するためのチェックボックス。</p>
</li>
</ul>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Hide Series (系列を非表示)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="ulist">
<ul>
<li>
<p>With Nulls Only (null のみ): null 値のみが入力されている系列を非表示にするためのチェックボックス。</p>
</li>
<li>
<p>With Only Zeros (ゼロのみ): ゼロ値のみが入力されている系列を非表示するためのチェックボックス。</p>
</li>
</ul>
</div></div></td>
</tr>
</tbody>
</table>

設定を完了したら、\[Save Changes (変更を保存)\] をクリックできます。設定を終了してダッシュボードに戻るには、\[​`X`​\] をクリックします。

## [](#alerts_config)アラート (設定、通知、履歴)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 100%;">
</colgroup>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><span class="image"><img src="https://docs.mulesoft.com/jp/monitoring/_images/info.png" alt="info" width="15" height="15" title="この機能を使用するには、Advanced または Titanium サブスクリプションが必要です。"></span> 使用可能状況: <a href="https://docs.mulesoft.com/jp/monitoring/#billing" class="xref page">Advanced および Titanium 層のみ</a></p></td>
</tr>
</tbody>
</table>

**\[Alerts (アラート)\]**​ タブでは、JVM メモリの使用量が高くなりすぎた場合にトリガーするアラートを設定します。

## [](#カスタムダッシュボードのチャートのアラートを作成する)カスタムダッシュボードのチャートのアラートを作成する

1. カスタムダッシュボードでグラフの設定画面に移動します。案内については、​[「カスタムダッシュボードの設定」](https://docs.mulesoft.com/jp/monitoring/dashboard-custom-config)​を参照してください。
2. グラフの \[general (一般)\] 設定で高度、アラートを設定するメトリクス、環境、およびリソースを (少なくとも) 定義します。
    
    案内については、​[「\[General (一般)](#general_settings) 設定」\]​を参照してください。
3. グラフの ​**\[Alert configuration (アラート設定)\]**​ タブに移動します。
4. **\[Advanced Mode (高度なモード)\]**​ が無効化されていることを確認します。
    
    高度なモードが設定されたチャートではアラートを使用できません。
5. **\[Add Alert (アラートを追加)\]**​ をクリックします。
6. **\[Alert Config (アラート設定)\]**​ を使用してアラートを設定します。​[「Alert Config (アラート設定)」](#alert_config)​を参照してください。
7. アラートがトリガーされたときのメール通知を設定します。​[「Notifications (通知)」](#notifications)​を参照してください。
8. **\[Save Changes (変更を保存)\]**​ をクリックします。
9. \[​`X`​\] クリックをして設定を終了し、ダッシュボードに戻します。

[状態履歴](#state_history)​の表示やアラートの​[削除](#delete_alert)​もできます。

### [](#alert_config)カスタムダッシュボードのチャートのアラートを設定する

**\[Alert Config (アラート設定)\]**​ セクションで、アラートがトリガーされる条件を設定します。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">カスタムダッシュボードのアラートのセットアップ</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Name (名前)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">アラートのタイトル</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Severity level (重要度レベル)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">アラートの重要度レベル。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Condition</code></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">WHEN (次の条件に一致): 測定しているメトリクスが指定されたレベルを上回ったらアラートをトリガーします。</p></td>
</tr>
</tbody>
</table>

使用可能な重要度レベル:

Info (情報)

トリガーされた時点で直ちに対応する必要がないアラートに割り当てられる可能性があります。この重要度は、メトリクスを受動的に監視する必要があることを示しています。

Warning (警告)

トリガーされた時点で直ちに対応する必要があるアラートに割り当てられる可能性があります。この重要度は、アラートを綿密に監視する必要があることを示しています。

Critical (重大)

トリガーされた時点で直ちに対応する必要があるアラートに割り当てられている可能性があります。この重要度は、アラートに直ちに対応する必要があることを示しています。

### [](#notifications)Notifications (通知)

アラートがトリガーされたときのメール通知を設定します。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">アラートの通知設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Send To</code></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">アラート通知の各受信者のメールアドレス。アラート受信者のメールアドレスを追加または変更すると、アラートがトリガーされるまでアラート受信者にメールは送信されません。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><code>Message</code></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">受信者に送信するメッセージ。</p></td>
</tr>
</tbody>
</table>

### [](#state_history)State History (状態履歴)

UI のこのセクションには、過去 50 件の状態変更が表示されます。

履歴を消去することもできます。

### [](#delete_alert)Delete (削除)

カスタムダッシュボードのチャートからアラートを削除するには、チャートの ​**\[Alerts (アラート)\]**​ タブから、​**\[Delete (削除)\]**​ をクリックし、削除を確認します。

## [](#advanced-高度-凡例しきい値積み上げフロート表示時間シフト設定)Advanced (高度) (凡例、しきい値、積み上げ、フロート表示、時間シフト設定)

グラフに凡例、しきい値、およびその他の機能を追加して設定します。

### [](#legend-凡例-advanced-高度-設定)Legend (凡例) (\[Advanced (高度)\] 設定)

**\[Advanced configuration (高度な設定)\]**​ タブで、グラフの凡例を設定します。

![高度なグラフの凡例の設定](/mulesoft/current/ja-jp/monitoring/_images/graph-advanced-legend.png)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">凡例オプション</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Show (表示)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オフにすると凡例が非表示になります。デフォルトではオンになっています。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">As Table (テーブル表示)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オンにすると、選択した凡例値 (​<code>min</code>​ (最小) や ​<code>max</code>​ (最大) など) がテーブル形式で表示されます。デフォルトではオフになっています。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">To the Right (右側)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オンにすると、汎用が右側に表示されます。デフォルトではオフになっています。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Width (幅)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>[To the Right (右側)]</strong>​ がオンの場合に指定できます。凡例の最小幅 (ピクセル単位) を設定します。空白のままにすると、自動的に幅が選択されます。</p></td>
</tr>
</tbody>
</table>

凡例に次の値も表示できます。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">凡例値</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Min (最小)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">クエリから返されたすべての値の最小値。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Max (最大)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">クエリから返されたすべての値の最大値。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Avg (平均)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">クエリから返されたすべての値の平均。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Current (現在)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">クエリから最後に返された値。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Total (合計)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">メトリクスクエリから返されたすべての値の合計。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Decimals (小数)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">凡例とツールチップで使用される自動小数精度を上書きします。</p></td>
</tr>
</tbody>
</table>

設定を完了したら、​**\[Save Changes (変更を保存)\]**​ をクリックします。

設定を終了してダッシュボードに戻るには、​**\[X\]**​ をクリックします。

### [](#stacking-and-hover-積み上げとフロート表示-advanced-高度-設定)Stacking and Hover (積み上げとフロート表示) (\[Advanced (高度)\] 設定)

**\[Advanced configuration (高度な設定)\]**​ タブで、値にカーソルを置くとグラフのデータポイントに関する情報を表示するフロート表示ツールチップを設定できます。

![高度なグラフ設定、積み上げとフロート表示](/mulesoft/current/ja-jp/monitoring/_images/graph-advanced-stacking-hover.png)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">[Hover Tooltip (フロート表示ツールチップ)] 設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Mode (モード)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">ツールチップに 1 つまたはすべての系列を表示します。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Sort Order (並び替え順)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">データを順序なし (None)、降順 (Decreasing) または昇順 (Increasing) で表示します。デフォルトは None (なし) です。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Stacked Value (積み上げ値)</p></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
<p><strong>[Stack (積み上げ)]</strong>​ がオンの場合に指定できます。ツールチップの値の表示を制御します。</p>
</div>
<div class="paragraph">
<p>有効な値:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Individual (個別): カーソルを置いた系列の値。</p>
</li>
<li>
<p>Cumulative (累計): 積み上げ値より下にある系列とカーソルを置いた系列の合計。</p>
</li>
</ul>
</div></div></td>
</tr>
</tbody>
</table>

\[Stacking & Null (積み上げと null)\] 機能では、複数の系列を積み上げ内のグループとして表示します。null 値の処理方法も指定できます。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">[Stacking &amp; Null (積み上げと null)] 設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Stack (積み上げ)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">オンにすると、各系列が重ね合わされるのではなく、1 つずつ積み上げられます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Percent (パーセント)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>[Stack (積み上げ)]</strong>​ がオンの場合に指定できます。積み上げられた値の各系列をパーセントとして表示します。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Null Value (null 値)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">null 値の表示方法を決定します。Connected (接続)、Null、Null As Zero (ゼロで表示) のいずれかを選択します。</p></td>
</tr>
</tbody>
</table>

### [](#threshold-しきい値-advanced-高度-設定)Threshold (しきい値) (\[Advanced (高度)\] 設定)

**\[Advanced (高度)\]**​ 設定タブで、指定した制限をデータが超えるかどうかを示すしきい値 (線やセクションなど) を 1 つ以上グラフに追加できます。

<table><tbody><tr><td class="icon"><i class="fa icon-note" title="Note"></i></td><td class="content">アラートがグラフ上に設定されている場合はしきい値を指定できません。チャートのしきい値を再有効化するには、アラートを削除する必要があります。</td></tr></tbody></table>

![グラフのしきい値設定](/mulesoft/current/ja-jp/monitoring/_images/graph-advanced-threshold.png)

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">[Threshold (しきい値)] 設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock"><code>gt</code>​ または ​<code>lt</code></p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">データが指定されたしきい値よりも大きい場合 (​<code>gt</code>​) と小さい場合 (​<code>lt</code>​) のどちらに制限が適用されるかを示します。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Threshold value (しきい値)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">数値のしきい値。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Threshold type (しきい値種別)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">しきい値 (Custom (カスタム)、Critical (重大)、Warning (警告)、OK のいずれか) の識別子。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Fill (塗りつぶし)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">指定されたしきい値設定に対応する塗りつぶし色をグラフに追加します。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Line (線)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">指定されたしきい値設定に対応する線をグラフに追加します。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Fill Color (塗りつぶし色)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>[Fill (塗りつぶし)]</strong>​ 設定と似ていますが、カスタムしきい値でのみ指定できます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Line Color (線の色)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock"><strong>[Line (線)]</strong>​ 設定と似ていますが、カスタムしきい値でのみ指定できます。</p></td>
</tr>
</tbody>
</table>

### [](#time-range-shift-時間範囲シフト-advanced-高度-設定)Time Range Shift (時間範囲シフト) (\[Advanced (高度)\] 設定)

**\[Advanced (高度)\]**​ 設定タブで、エンドユーザーがカスタムダッシュボードで選択した期間または時間範囲の上書きを設定できます。この選択はグローバルで、ダッシュボードのすべてのチャートに適用されます。上書きは、選択が特定のグラフに適切ではない場合に便利です。

時間範囲は、現時点から遡って計算されます。たとえば、時間範囲を設定して、過去 2 時間のデータをグラフに表示できます。時間範囲をシフトして、過去のある時点から遡って計算することもできます。たとえば、現時点ではなく、1 時間前からの時間範囲を計算できます。

<table class="tableblock frame-all grid-all stretch">
<colgroup>
<col style="width: 25%;">
<col style="width: 75%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top" colspan="2">[Time Range Shift (時間範囲シフト)] 設定</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Override Relative Time (相対時間を上書き)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">グラフの X 軸に表示する時間の量 (​<code>2h</code>​ (2 時間) など)。この設定に関する情報は、[Hide Time Override Info (時間上書き情報を非表示)] を選択しない限り、グラフのタイトルの下に表示されます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Add Time Shift (時間シフトを追加)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">現在 (現在時刻) から [Override Relative Time (相対時間を上書き)] で設定した期間の​<em>終了</em>​までの時間 (過去にシフトする時間) の量。たとえば、[Override Relative Time (相対時間を上書き)] が ​<code>2h</code>​ (2 時間) の場合、現在時刻が 10:00 で時間を ​<code>1h</code>​ (1 時間) シフトすると、エンドユーザーには 7:00 から 9:00 までの使用可能な 2 時間分のデータが表示され、テーブルには「​<code>2 hours, ending 1 hour ago</code>​」 (2 時間、1 時間前に終了) というメッセージも表示されます。</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Hide Time Override Info (時間上書き情報を非表示)</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">[Override Relative Time (相対時間を上書き)] と時間シフト設定の説明をグラフで非表示にするためのチェックボックス。</p></td>
</tr>
</tbody>
</table>

設定を完了したら、\[Save Changes (変更を保存)\] をクリックできます。設定を終了してダッシュボードに戻るには、\[​`X`​\] をクリックします。