ストレート テーブルのスタイル指定

ストレート テーブルのスタイルをカスタマイズするために、多くのスタイル指定プロパティが用意されています。スタイル指定は、組織のカラー パレットを反映し、分析を支援し、読みやすさを向上させるのに役立ちます。

ストレート テーブルのスタイルの他の側面の調整に関する情報については、「ストレート テーブルのスタイルをカスタマイズする」を参照してください。

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

チャート レベルのテキスト スタイル指定

次の手順を実行します。

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

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

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

   • タイトル

   • サブタイトル

   • 脚注

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

   • ヘッダー: 軸とメジャーのヘッダーのテキストのスタイルを指定します。

   • 軸の値: 軸の値のテキストのスタイルを指定します。

   • メジャー値: メジャー値のテキストのスタイルを指定します。

   • 合計: [スタイル] > [プレゼンテーション] で [合計] 行を表示するように選択した場合は、合計のテキストのスタイルを指定します。

   • NULL 値: NULL 値のテキストのスタイルを指定します。強調スタイルと色を変更できます。

   • 縞模様: この設定をオンにすると、行の文字色を交互に設定できます。「縞模様の適用」を参照してください。

行レベルのテキスト スタイル指定

行レベルの設定は、テキストのスタイル指定に使用できます:

• 縞模様の適用

• ホバー動作のカスタマイズ

背景のカスタマイズ

背景はさまざまなレベルでスタイル指定できます:

• チャート レベルの背景スタイル指定

• 列およびセルレベルの背景のスタイル指定

• 行レベルの背景スタイル指定

チャート レベルの背景スタイル指定

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

次の手順を実行します。

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

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

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

   情報メモ

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

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

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。チャートのヘッダーは常に 100% の不透明度で表示されます。

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

4. [チャート] タブで、次の要素の背景色をカスタマイズします。

   • ヘッダー (不透明度 100% を使用)

   • 軸の値

   • メジャーの値

   • メジャー ラベル

   • 合計 (不透明度 100% を使用)

   • NULL 値

   • 縞模様 (「縞模様の適用」を参照)

列およびセルレベルの背景のスタイル指定

数式を使用して、各列の背景色を定義することができます。列の背景を数式でスタイル指定すると、この数式によって、その列のアプリ テーマとビジュアライゼーションに適用されたカスタム スタイルが上書きされます。

次の手順を実行します。

1. [データ] で列を選択し、プロパティで プレゼンテーションを開きます。

2. 背景スタイルの数式の下に数式を入力します。 をクリックして、数式エディターを開きます。

行レベルの背景スタイル指定

背景色の定義には、行レベルの設定が利用できます:

• 縞模様の適用

• ホバー動作のカスタマイズ

グリッドのカスタマイズ

テーブルのグリッドをカスタマイズできます。

次の手順を実行します。

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

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

3. [チャート] タブで、次の要素のグリッドをカスタマイズします。

   • 行の高さ: 行の高さを行単位で設定します。

   • 境界: セルの境界線の色を設定します。

   • 区切り線: テーブルのヘッダーと本文を分ける区切り線の色を設定します。

ホバー動作のカスタマイズ

ユーザーがテーブルの行の上にカーソルを合わせたときの表示オプションを設定できます。

次の手順を実行します。

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

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

3. スタイル パネルの [チャート] タブの [行にカーソルを置く] で、次の設定を調整します。

   • ユーザーがテーブルの行の上にカーソルを合わせたときにその行を強調表示するには、 [オン] に設定します。必要に応じてオフに切り替えることができます。

   • 行にカーソルを置いたときの色: ユーザーが行にカーソルを置いたときに、強調表示する色を設定します。

   • 行にカーソルを置いたときの文字色: ユーザーが強調表示された行のテキストにカーソルを置いたときの文字色を設定します。

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

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

次の手順を実行します。

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

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

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

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

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

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

縞模様の適用

縞模様をしようすると、直線的なテーブルに色を交互に設定できます。縞模様は、奇数行と偶数行の間のコントラストを高めることで読みやすさを向上させます。

奇数行と偶数行のテキストと背景色を設定できます。

次の手順を実行します。

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

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

3. スタイル パネルの [チャート] タブで、 [縞模様] を [オン] に設定します。

4. 次の設定を調整します。

   • 色 (奇数行): 奇数行のテキストの色を設定します。

   • 背景 (奇数行): 奇数行の背景色を設定します。

   • 色 (偶数行): 偶数行のテキストの色を設定します。

   • 背景 (偶数行): 偶数行の背景色を設定します。