レイアウト コンテナ

レイアウト コンテナを使用すると、限られたスペースにビジュアライゼーションを追加できます。レイアウト コンテナでは、条件に基づいてビジュアライゼーションを表示または非表示にすることもできます。

レイアウト コンテナは、シート上のわずかなスペースを使用して、さまざまなビジュアライゼーションを保持できます。シート全体に拡大すると、各チャートも拡大されます。

使用に適しているケース

レイアウト コンテナは、複数のチャートを 1 つのユニットとして含むカスタム表示を構築する場合に便利です。タブを使用してグラフを循環するコンテナとは異なり、レイアウト コンテナは、レイアウト コンテナ内のチャートの独自のレイアウトを自由にカスタマイズできるスペースです。レイアウト コンテナはビジュアライゼーションをシート状に配置できるため、機能的に複数のシートを 1 つのシート内に保存し、拡大して詳細を確認できます。

ビジュアライゼーションを互いに重ねて配置できます。レイアウト コンテナの条件を使用して、表示するビジュアライゼーションを制御できます。たとえば、次に基づいてビジュアライゼーションを表示できます。

• どのユーザーがチャートにアクセスしているか。
• 変数値。

ベスト プラクティスとして、コンテナに追加されるビジュアライゼーションの数が増えるほど、ビジュアライゼーションの表示に時間がかかることに注意してください。レイアウト コンテナのオブジェクトが多すぎると、見やすさが損なわれ、アプリの視覚エフェクトのレンダリングが遅くなる可能性があります。

コンテナーの作成

編集中のシートにコンテナを作成できます。

次の手順を実行します。

• 詳細編集モードのアセット パネルから、[カスタム オブジェクト] > Dashboard bundle を開き、Layout container オブジェクトをシートにドラッグします。

レイアウト コンテナが完成しました。レイアウト コンテナへのチャートの追加と構成を開始できます。

レイアウト コンテナへのチャートの追加

次の手順を実行します。

1. レイアウト コンテナを選択します。

2. プロパティパネルの ContentでAddをクリックします。

   または、レイアウト コンテナで Add content をクリックします。

3. Charts でビジュアライゼーションを選択します。

4. Add dimension および Add measure をクリックして、チャートにデータを追加します。

5. チャートのサイズを変更するには、次のいずれかを実行します。
   • チャートの角または端をクリックしてドラッグします。
   • プロパティで、チャートの幅と高さをパーセント単位で入力します。

6. チャートの位置を変更するには、次のいずれかを実行します。

   • チャートをクリックして所定の位置にドラッグします。

   • プロパティで、チャートの X 軸と Y 軸の位置をパーセント単位で入力します。

   レイアウトのグリッド線を表示するには、プロパティの [プレゼンテーション] > [スタイル指定] で、 [グリッド線を表示] をオンにします。グリッドの行数と列数を設定し、ビジュアライゼーションをグリッド線にスナップすることもできます。

   チャートをレイアウト コンテナの境界内に保持するには、 [プレゼンテーション] > [スタイル指定] で、 [チャートを境界内に保持] をオンにします。

7. レイアウト コンテナのビジュアライゼーションのレイヤーを並べ替えるには、レイアウト コンテナのビジュアライゼーションを右クリックし、 [チャート レイヤーの順序を変更] を選択して、ビジュアライゼーションを前後に移動させます。または、プロパティ パネルでビジュアライゼーションをクリックしてドラッグします。
8. そのチャート タイプで使用可能なすべてのプロパティを使用してチャートを構成するには、Edit properties をクリックします。
9. レイアウト コンテナにチャートを追加する場合は、この手順を繰り返します。

表示条件の追加

作成したタブに表示条件を追加することができます。

次の手順を実行します。

1. プロパティ パネルの [Content] (コンテンツ) で、表示条件を追加するチャートをクリックします。

2. [Show condition] でチャートの表示条件を追加します。通常、If() 関数を使用します。

   「if - スクリプトおよびチャート関数」を参照してください。

3. 別の表示条件は異なるチャートに追加します。

   これで、追加した条件の結果に応じて、チャートが表示または非表示になります。チャートの条件が True の場合は表示され、False の場合は非表示になります。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   • タイトル

   • サブタイトル

   • 脚注

背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   情報メモ

   URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

   詳細については、「CSP エントリの作成」を参照してください。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. [詳細オプション] をクリックします。

2. プロパティ パネルで、 [スタイル] セクションを展開します。

3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

4. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

5. 境界線の色を選択します。

6. [角の半径] を調整して、境界線の丸みを制御します。

7. [一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

制限事項

レイアウト コンテナには次の制限事項があります。

• メジャーまたは軸をコンテナにドロップして、レイアウト コンテナ内にチャートを作成することはできません。
• レイアウト コンテナ内に、コンテナ、格子コンテナ、またはレイアウト コンテナを追加することはできません。
• レイアウト コンテナ内のチャートのコピー＆ペーストでは、キーボード ショートカットはサポートされていません。