ナビゲーション メニューを作成する
ナビゲーションは、アプリ内のシートとシート グループ間を移動する別の方法を提供します。
メニュー内のテキストの書式や色を設定できます。背景画像には、サイズ変更および配置オプションが含まれています。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
アセット パネルから、ナビゲーション メニューをシートにドラッグします。
ナビゲーション メニューのスタイル指定
[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。
チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [
スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。
各セクションの横にある 
をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。
個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
-
タイトル
-
サブタイトル
-
脚注
-
-
[メニュー] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。
-
ラベル: 個別のアイテムのラベルのスタイルを指定します。
-
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
情報メモURL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。
詳細については、「CSP エントリの作成」を参照してください。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
スタイル パネルの [メニュー] タブで、メニュー アイテムの既定色、ハイライト色、ホバー色を選択します。
境界線と影のカスタマイズ
チャートの境界線と影をカスタマイズできます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。
-
[メニュー] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[メニュー] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。
ナビゲーション メニューをドロワー メニューとして設定する
ナビゲーション メニューをドロワー メニューにできます。ドロワー メニューとして設定すると、ナビゲーション メニューはアプリのリスト シート全体のメニューを開くボタンとして機能します。必要に応じて、ナビゲーション メニューにメニュー アイコン (
) を追加できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、 [ドロワー メニュー] をオンにします。
-
必要に応じて [ドロワー アイコンを表示] を選択します。
ドロワー メニューのスタイル指定
ドロワー ボタンとパネルのスタイルを指定できます。
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、
[スタイル指定] をクリックします。 -
[メニュー] をクリックします。
-
[ドロワー ボタン] で、必要に応じて色をカスタマイズし、背景画像を追加します。
-
[ドロワーパネル] で、必要に応じてパネルで使用する色と背景画像を指定します。
方向とレイアウトの設定
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] の [方向] で、 [垂直] または [水平] を選択します。
-
[レイアウト] で、 [ページ幅に合わせる] または [最小化] を選択します。
-
[位置] で、ナビゲーション メニューのメニュー アイテムの位置を選択します。
-
[水平] または [最小化] が選択されている場合は、必要に応じて [同じアイテム幅] を選択すると、すべてのタブのサイズが同じになります。
ナビゲーション メニューのアイテムを分離する
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、 [個別アイテム] をオンにします。
大きなアイテムを表示する
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、 [大きなアイテムを表示] をオンにします。
アイテム アイコンを表示する
次の手順を実行します。
-
[詳細オプション] をクリックします。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、 [アイテム アイコンを表示] をオンにします。