# ライト テーブルのスタイル指定 ライト テーブルのスタイルをカスタマイズするために、多くのスタイル指定プロパティが用意されています。スタイル指定は、組織のカラー パレットを反映し、分析を支援し、読みやすさを向上させるのに役立ちます。 ライト テーブルのスタイルに関するその他の設定については、「[ライト テーブルのスタイルをカスタマイズする](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/appearance.htm)」を参照してください。 個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。 情報メモこの情報の多くは、ライト テーブル内の編集可能な列には適用されません。編集可能な列のカスタマイズについては、個別のセクション「[編集可能な列のスタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#StyleEditable)」および「[編集可能な列の設定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/editable-column.htm#ConfigureEditable)」を参照してください。 ## テキストのスタイル指定 ライト テーブルはテキストベースのビジュアライゼーションであるため、テキストのスタイルをさまざまな方法で設定できます。 * [チャート レベルのテキスト スタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ChartText) * [列およびセルレベルのテキストのスタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ColLevel) * [行レベルのテキスト スタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#RowText) ### チャート レベルのテキスト スタイル指定 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。 * タイトル * サブタイトル * 脚注 4. [チャート] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。 * ヘッダー: 軸とメジャーのヘッダーのテキストのスタイルを指定します。 * 軸の値: 軸の値のテキストのスタイルを指定します。 * メジャー値: メジャー値のテキストのスタイルを指定します。 * 合計: [スタイル] > [プレゼンテーション] で [合計] 行を表示するように選択した場合は、合計のテキストのスタイルを指定します。 * NULL 値: NULL 値のテキストのスタイルを指定します。強調スタイルと色を変更できます。 ### 列およびセルレベルのテキストのスタイル指定 #### テキスト強調 数式を使用して、各列のテキストのスタイルを定義することができます。列のテキストを数式でスタイル設定すると、この数式によって、その列のアプリケーション テーマとビジュアライゼーションに適用されたカスタム スタイルが上書きされます。 数式で次の構文を使用してスタイルを定義できます (タグ内の文字は大文字と小文字が区別されません)。 * ``: 太字 * ``: 斜体 * ``: 下線 * ``: 取り消し線 上記のオプションは一度に複数適用できます。 if(avg(Sales) > 300, '<B>') if(count(OrderID) = 0, '<S>') if(sum(Sales) > 100000, '<B><U>', '<I>') 次の手順を実行します。 1. [データ] で列を選択し、プロパティで プレゼンテーションを開きます。 2. テキスト スタイルの数式の下に数式を入力します。the 数式エディターを開く icon をクリックして、数式エディターを開きます。 #### テキスト カラー 個々の列の文字色を変更することができます。 列のヘッダーとコンテンツ セルの両方でテキストの色を変更できます。 次の手順を実行します。 1. [データ] で列を選択し、プロパティで プレゼンテーションを開きます。 2. ヘッダー セルのテキストに色を付けるには、 [ヘッダー] の [テキスト色の数式] に式を入力します。the 数式エディターを開く icon をクリックして、数式エディターを開きます。 3. コンテンツ セルのテキストに色を付けるには、 [コンテンツ] の [テキスト色の数式] に式を入力します。the 数式エディターを開く icon をクリックして、数式エディターを開きます。 #### テキストの配置と列幅 次の手順を実行します。 1. [データ] で列を選択し、プロパティで プレゼンテーションを開きます。 2. スライダーを使用して、[テキストの配置] のオプションを選択します。[カスタム] テキスト配置では、左揃え、中央揃え、右揃えを選択できます。 情報メモ[テキストの配置] が [自動] に設定されている場合、列データはデータ タイプに応じて配置されます。テキスト値は左側に、値に関連する日付を含め数値は右側に揃えられます。これを [カスタム] に設定すると、データを左側、中央、または右側に配置できます。 3. [列の幅] を選択します。以下のいずれかを選択できます: * 自動 * コンテンツに合わせる * ピクセル数 * [Percentage] (割合) ### 行レベルのテキスト スタイル指定 行レベルの設定は、テキストのスタイル指定に使用できます: * [ホバー動作のカスタマイズ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#Customiz) ## 背景のカスタマイズ 背景はさまざまなレベルでスタイル指定できます: * [チャート レベルの背景スタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ChartBckgrd) * [列およびセルレベルの背景のスタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#ColBckgrd) * [行レベルの背景スタイル指定](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#RowBckgrd) ### チャート レベルの背景スタイル指定 チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。 情報メモ URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。 詳細については、「[CSP エントリの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)」を参照してください。 背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。チャートのヘッダーは常に 100% の不透明度で表示されます。 背景画像を使用する際、画像のサイズや位置を調整できます。 4. [チャート] タブで、次の要素の背景色をカスタマイズします。 * ヘッダー (不透明度 100% を使用) * 軸の値 * メジャーの値 * メジャー ラベル * 合計 (不透明度 100% を使用) * NULL 値 ### 列およびセルレベルの背景のスタイル指定 数式を使用して、各列の背景色を定義することができます。列の背景を数式でスタイル指定すると、この数式によって、その列のアプリケーション テーマとビジュアライゼーションに適用されたカスタム スタイルが上書きされます。 次の手順を実行します。 1. [データ] で列を選択し、プロパティで プレゼンテーションを開きます。 2. 背景スタイルの数式の下に数式を入力します。the 数式エディターを開く icon をクリックして、数式エディターを開きます。 ### 行レベルの背景スタイル指定 背景色の定義には、行レベルの設定が利用できます: * [ホバー動作のカスタマイズ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/WriteTable/Create/style.htm#Customiz) ## グリッドのカスタマイズ テーブルのグリッドをカスタマイズできます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. [チャート] タブで、次の要素のグリッドをカスタマイズします。 * 行の高さ: 行の高さを行単位で設定します。 * 境界: セルの境界線の色を設定します。 * 区切り線: テーブルのヘッダーと本文を分ける区切り線の色を設定します。 ## ホバー動作のカスタマイズ ユーザーがテーブルの行の上にカーソルを合わせたときの表示オプションを設定できます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. スタイル パネルの [チャート] タブの [行にカーソルを置く] で、次の設定を調整します。 * ユーザーがテーブルの行の上にカーソルを合わせたときにその行を強調表示するには、 [オン] に設定します。必要に応じてオフに切り替えることができます。 * 行にカーソルを置いたときの色: ユーザーが行にカーソルを置いたときに、強調表示する色を設定します。 * 行にカーソルを置いたときの文字色: ユーザーが強調表示された行のテキストにカーソルを置いたときの文字色を設定します。 ### 境界線と影のカスタマイズ チャートの境界線と影をカスタマイズできます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。 4. 境界線の色を選択します。 5. [角の半径] を調整して、境界線の丸みを制御します。 6. [一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。 ## 編集可能な列のスタイル指定 ライト テーブル内の編集可能な列にスタイルを指定できます。 次の手順を実行します。 1. プロパティ パネルで、 [スタイル] セクションを展開します。 2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。 3. スタイル パネルの [チャート] タブの [編集可能な列の値] で、次の設定を調整します。 * フォント、フォントの強調、テキスト サイズ、テキストの色を選択します。 * 背景: 編集可能な列のセルの背景色を設定します。 * 入力項目: テキスト入力エリアの背景色を設定します。 * ホバー色: ユーザーがセルにカーソルを重ねたときの、セルの外側の色を設定します。