グラフの位置

はじめに

複数のダッシュボード項目を追加した場合、各ダッシュボードの項目の位置によってダッシュボードの全体的なレイアウトが決まります。 グリッド レイアウトは、ダッシュボード上での項目の位置を決定します。 以下の画像でご確認ください。

ダッシュボードの最初のグラフの既定の位置は Center です。 2 つ目のグラフを作成すると、新しいグラフの 位置 が自動的に [下]に設定されます。

ダッシュボードの項目の位置は、名前の左側にアイコンで示されます。

以下の画像でご確認ください。

グラフの位置は、2 通りの方法で変更できます。

1. コンテキスト メニューから
2. [Edit Dashboard item] ダイアログ

コンテキスト メニューからグラフの位置を変更するには、以下の手順に従います。

手順	操作
1	開発環境でアプリまたはディスカバリー アクセラレータを開き、[ ダッシュボード ] タブに移動します。
2	ダッシュボードの項目リストで、位置を変更するグラフを右クリックします。
3	コンテキスト メニューから [位置 ] を選択してから、グラフで必要な位置を選択します。

[Edit Dashboard item] ダイアログの位置を変更するには、以下の手順に従います。

手順	操作
1	ダッシュボードの項目リストで、位置を変更するグラフをダブルクリックします。
2	[Edit Dashboard item ] ダイアログの [ Positioning ] タブに移動します。
3	[位置 ] ドロップダウン リスト から目的の位置を選択します。

メモ： Center の位置を持つダッシュボード項目は 1 つだけです。

ダッシュボードの項目のサイズ

サイズの異なる項目を持つダッシュボードを作成できます。 [ダッシュボードの項目を編集 ] ダイアログの [ 位置 ] タブには、選択したダッシュボード項目の現在の位置設定が表示されます。[ 既定のサイズ ] フィールドには、選択したダッシュボードの項目の現在のサイズが表示されます。

以下で、[ 位置 ] タブの各要素について説明します。

要素	...
サイズ (%)	サイズをピクセル単位ではなくパーセンテージで指定します。
既定のサイズ	選択したダッシュボードの項目のサイズを変更する
位置	選択したダッシュボード項目の位置を変更する
User resizable	ダッシュボードの項目のサイズを手動で変更するオプションをエンドユーザーに付与します。

メモ： Center 位置のダッシュボード項目のサイズは、利用可能なスペースによって異なります。たとえば、デモの左のグラフの既定のサイズが 20% の場合、中央グラフによって残りの 80% のスペースが自動的に使用されます。

コンテナーおよびタブ コンテナー

コンテナーを使用して、ダッシュボードの項目をグループ化できます。 コンテナーを使用すると、ダッシュボードを設計する柔軟性が大幅に向上します。 コンテナーは、ダッシュボードの項目と同じ方法で配置できます。 コンテナー内の項目は、そのコンテナーを基準として配置できます。

コンテナーを使用して他のダッシュボード項目を配置する場合は、コンテナーのヘッダーを無効化できます。

コンテナーを作成するには、以下の手順に従います。

手順	操作
1	複数のグラフが表示されるダッシュボードに移動します。
2	ダッシュボードの項目リストを右クリックして、[ New container] を選択します。
3	2 つのグラフを [新しい] コンテナーにドラッグ アンド ドロップします。
4	コンテナーの位置を必要に応じて変更します。

以下の画像で例をご確認ください。

タブコンテナーを使用すると、エンドユーザーは各タブにダッシュボードの項目が含まれるコンテナーを含む複数のタブを切り替えることができます。

タブ コンテナーを作成するには、以下の手順に従います。

手順	操作
1	ダッシュボードの項目リスト内のコンテナーを右クリックし、[ 編集...] を選択します。
2	[Tab] コンテナー のチェック ボックスをオンにして、[OK] をクリック します。

コンテナー内のダッシュボードの項目が、さまざまなタブとして表示されるようになりました。 このオプションを使用して、実際のダッシュボードの合計数を減らすことができます。