ナビゲーション メニュー

ナビゲーション メニューを作成する

メニュー内のテキストの書式や色を設定できます。背景画像には、サイズ変更および配置オプションが含まれています。

ナビゲーション メニューのスタイル指定

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある をクリックすると、スタイルをリセットできます。 [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

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

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

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

次の手順を実行します。

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

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

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

   • タイトル

   • サブタイトル

   • 脚注

4. [メニュー] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。

   • ラベル: 個別のアイテムのラベル (および使用されている場合はアイコン) のスタイルを指定します。

背景のカスタマイズ

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

次の手順を実行します。

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

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

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

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

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

4. スタイル パネルの [メニュー] タブで、メニュー アイテムの既定色、ハイライト色、ホバー色を選択します。

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

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

次の手順を実行します。

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

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

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

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

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

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

7. [メニュー] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

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

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

10. [メニュー] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

ナビゲーション メニューをドロワー メニューとして設定する

ナビゲーション メニューをドロワー メニューにできます。ドロワー メニューとして設定すると、ナビゲーション メニューはアプリのリスト シート全体のメニューを開くボタンとして機能します。必要に応じて、ナビゲーション メニューにメニュー アイコン () を追加できます。

次の手順を実行します。

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

2. [スタイル] > [プレゼンテーション] で、 [ドロワー メニュー] をオンにします。

3. 必要に応じて [ドロワー アイコンを表示] を選択します。

4. [ドロワー パネルの位置] を調整し、パネルがページの左側または右側のどちらに開くかを設定します。

ドロワー メニューのスタイル指定

ドロワー ボタンとパネルのスタイルを指定できます。

次の手順を実行します。

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

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

3. [メニュー] をクリックします。

4. [ドロワー ボタン] で、必要に応じて色をカスタマイズし、背景画像を追加します。

5. [ドロワーパネル] で、必要に応じてパネルで使用する色と背景画像を指定します。

方向とレイアウトの設定

次の手順を実行します。

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

2. [スタイル] > [プレゼンテーション] の [方向] で、 [垂直] または [水平] を選択します。

3. [レイアウト] で、 [ページ幅に合わせる] または [最小化] を選択します。

4. [位置] で、ナビゲーション メニューのメニュー アイテムの位置を選択します。

5. [水平] または [最小化] が選択されている場合は、必要に応じて [同じアイテム幅] を選択すると、すべてのタブのサイズが同じになります。

ナビゲーション メニューのアイテムを分離する

次の手順を実行します。

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

2. [スタイル] > [プレゼンテーション] で、 [個別アイテム] をオンにします。

[個別アイテム] 設定がオフの場合、 [区切り線を使用] で項目間に区切り線を表示するかどうかを選択します。区切り線を使用する場合は、区切り線の色を設定できます。

大きなアイテムを表示する

次の手順を実行します。

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

2. [スタイル] > [プレゼンテーション] で、 [大きなアイテムを表示] をオンにします。

アイテム アイコンを表示する

次の手順を実行します。

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

2. [スタイル] > [プレゼンテーション] で、 [アイテム アイコンを表示] をオンにします。

ホバー メニューをオンにする

ナビゲーション メニューでは、ホバー メニューは既定でオフになっています。プロパティ パネルでオンにできます。

次の手順を実行します。

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

2. [スタイル] > [基本設定] で、 [ホバー メニューを表示] を選択します。