Splunk4Ninjas Workshops

ノートとダッシュボードレイアウトの追加

3 min

1. ノートの追加

ダッシュボードには、ユーザーを支援する短い「説明」ペインを配置することが有効な場合がよくあります。 ボタンをクリックして追加しましょう。

three charts

ノートエディターが開きます。

Notes 1

ノートにテキスト以上のものを追加できるように、Splunk ではこれらのノート/ペインで Markdown を使用できます。 Markdown は、プレーンテキストを使用してフォーマットされたテキストを作成するための軽量マークアップ言語で、Web ページでよく使用されます。

以下のものが含まれます(これに限りません)

以下は、ノートで使用できる上記の Markdown オプションの例です。

markdown
# h1 Big headings

###### h6 To small headings

##### Emphasis

**This is bold text**, *This is italic text* , ~~Strikethrough~~

##### Lists

Unordered

+ Create a list by starting a line with `+`, `-`, or `*`
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
    * Ac tristique libero volutpat at
    + Facilisis in pretium nisl aliquet
* Very easy!

Ordered

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

##### Tables

| Option | Description |
| ------ | ----------- |
| chart  | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

#### Links

[link to webpage](https://www.splunk.com)

[link to dashboard with title](https://app.eu0.signalfx.com/#/dashboard/EaJHrbPAEAA?groupId=EaJHgrsAIAA&configId=EaJHsHzAEAA "Link to the Sample chart Dashboard!")

コピーボタンを使用して上記をコピーし、Edit ボックスに貼り付けます。 プレビューで表示がどのようになるか確認できます。


2. チャートの保存

ノートチャートに名前を付けます。この例では Example text chart を使用しました。次に ボタンを押します。

saving note

ダッシュボードに戻ると、ノートが追加されています。

three charts and note


3. チャートの並び替えとサイズ変更

チャートのデフォルトの順序やサイズが好みでない場合は、ウィンドウのドラッグ操作で目的の場所に移動したりサイズを変更したりできます。

チャートの上部の境界線をつかむと、マウスポインターがドラッグアイコンに変わります(下の画像を参照)。

dragging charts

Latency vs Load チャートを Latency History チャートと Example text chart の間にドラッグします。

sizing

左端、右端、下端からドラッグしてウィンドウのサイズを変更することもできます。

最後の演習として、ノートチャートの幅を他のチャートの約3分の1に縮小します。チャートはサポートされているサイズの1つに自動的にスナップします。他の3つのチャートをダッシュボードの約3分の1の幅に広げます。ノートを他のチャートの右側にドラッグし、3つのチャートに合わせてサイズを変更します。Time-1h に設定すると、以下のようなダッシュボードになります!

TaDA!

Last Modified ·