レイアウト コンテナの作成
レイアウト コンテナを使用すると、限られたスペースにビジュアライゼーションを追加できます。レイアウト コンテナでは、条件に基づいてビジュアライゼーションを表示または非表示にすることもできます。 レイアウトコンテナ は Dashboard bundle の一部として含まれています。詳細については、「 Dashboard bundle」を参照してください。
編集中のシートにコンテナを作成できます。
次の手順を実行します。
-
アセット パネルで、 [チャート] を開きます。
- [ダッシュボード オブジェクト] で、 [レイアウト コンテナ] をシートにドラッグします。
レイアウト コンテナが完成しました。レイアウト コンテナへのチャートの追加と構成を開始できます。
レイアウト コンテナへのチャートの追加
レイアウト コンテナ内外でチャートをコピーして貼り付けることができますが、右クリックのコンテキスト メニューを使用する必要があります。
次の手順を実行します。
- レイアウト コンテナを選択します。
-
プロパティパネルの ContentでAddをクリックします。
または、レイアウト コンテナで Add content をクリックします。
-
Charts でビジュアライゼーションを選択します。
-
Add dimension および Add measure をクリックして、チャートにデータを追加します。
- チャートのサイズを変更するには、次のいずれかを実行します。
- チャートの角または端をクリックしてドラッグします。
- プロパティで、チャートの幅と高さをパーセント単位で入力します。
-
チャートの位置を変更するには、次のいずれかを実行します。
-
チャートをクリックして所定の位置にドラッグします。
-
プロパティで、チャートの X 軸と Y 軸の位置をパーセント単位で入力します。
レイアウトのグリッド線を表示するには、プロパティの [プレゼンテーション] > [スタイル指定] で、 [グリッド線を表示] をオンにします。グリッドの行数と列数を設定し、ビジュアライゼーションをグリッド線にスナップすることもできます。
チャートをレイアウト コンテナの境界内に保持するには、 [プレゼンテーション] > [スタイル指定] で、 [チャートを境界内に保持] をオンにします。
-
- レイアウト コンテナのビジュアライゼーションのレイヤーを並べ替えるには、レイアウト コンテナのビジュアライゼーションを右クリックし、 [チャート レイヤーの順序を変更] を選択して、ビジュアライゼーションを前後に移動させます。または、プロパティ パネルでビジュアライゼーションをクリックしてドラッグします。
- そのチャート タイプで使用可能なすべてのプロパティを使用してチャートを構成するには、Edit properties をクリックします。
- レイアウト コンテナにチャートを追加する場合は、この手順を繰り返します。
表示条件の追加
作成したタブに表示条件を追加することができます。
次の手順を実行します。
- プロパティ パネルの [Content] (コンテンツ) で、表示条件を追加するチャートをクリックします。
-
[Show condition] でチャートの表示条件を追加します。通常、If() 関数を使用します。
「if スクリプトおよびチャート関数」を参照してください。
-
別の表示条件は異なるチャートに追加します。
これで、追加した条件の結果に応じて、チャートが表示または非表示になります。チャートの条件が True の場合は表示され、False の場合は非表示になります。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
-
タイトル
-
サブタイトル
-
脚注
-
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
情報メモURL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。
詳細については、「CSP エントリの作成」を参照してください。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
境界線と影のカスタマイズ
チャートの境界線と影をカスタマイズできます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。