メイン コンテンツをスキップする Skip to complementary content

スタイリング シート

シートのスタイルをカスタマイズしたり、タイトルと説明を変更したり、シートがアプリに表示される条件を追加したり、シート サムネイルを追加したりすることができます。

シートのタイトルと説明の変更

シートのタイトルと説明は、いつでも変更できます。固定のシートのタイトルを使用することも、数式に基づく動的なシートのタイトルを使用することもできます。

  1. アプリ概要で アプリ オブジェクト をクリックし、シートを表示します。
  2. 以下のいずれかを行います。
    • グリッド ビュー グリッド ビュー の場合は、シート タイトルを選択し、[編集] をクリックします。
    • リスト ビュー リスト ビュー の場合は、[編集] をクリックします。
  3. [タイトル] と [説明] を編集します。
  4. テキスト エリアの外側をクリックします。
変更内容を保存します。
ヒント メモ

シート エディタでシートのタイトルをクリックして、シートのタイトルを変更することもできます。

詳細オプションでは、シート プロパティ パネルでシートのタイトルと説明を変更することもできます。

動的なシートのタイトルの使用

詳細オプションでは、シート プロパティ パネルの [タイトルの数式] プロパティで、数式に基づいて動的なシートのタイトルを設定できます。有効なチャートの数式を使用することができます。詳細については、「ビジュアライゼーションにおける数式の使用」を参照してください。

動的なシートのタイトルを設定する場合、固定のタイトル ([タイトル]) は使用されません。

シートの表示条件の設定

数式の評価が true か false かに応じて、アプリでシートを表示または非表示にするには、[条件の表示] で条件を設定できます。シートは数式が true と評価された場合にのみ表示されます。シートを非表示にしても、アプリ内のデータが非表示になったり除外されたりすることはありません。

例えば、特定の値がデータに存在する場合にのみ使用できるシートを作成できます。通常、if  関数を使用する必要があります。詳細については、「if - スクリプトおよびチャート関数」を参照してください。

シート サムネイルの変更

詳細オプションでは、アプリ概要およびシート ナビゲーターでシートを見分けやすくするために、既定のサムネイルを置き換えることができます。サムネイルには、既定の画像の 1 つを使用することも、独自の画像を使用することもできます。

次の点に注意してください。

  • .png、.jpg、.jpeg、.gif の形式がサポートされています。
  • サムネイルの最適な縦横比は 8:5 (幅:高さ) です。
  • プライベート シートのサムネイルに対して実行できるのは、追加または変更のみです。
  1. アプリ概要で アプリ オブジェクト をクリックし、シートを表示します。
  2. 以下のいずれかを行います。
    • グリッド ビュー グリッド ビュー の場合は、シート タイトルを選択し、[編集] をクリックします。
    • リスト ビュー リスト ビュー の場合は、[編集] をクリックします。
  3. デフォルトのサムネイル上にある 画像 をクリックします。

    [メディア ライブラリ] が開きます。

  4. メディア ライブラリ内の [アプリ内] や [デフォルト] といったフォルダーをクリックします。

  5. シートのサムネイルとして使用する画像を選択し、[挿入] をクリックします。
  6. 編集を中止するには、チェックマーク をクリックします。

選択した画像がシートのサムネイルとして使用され、シート ナビゲーターとアプリ概要に表示されます。

ヒント メモシートのサムネイルは、シート ナビゲーターの右上またはシート プロパティ パネルでも変更できます。

詳しくは「Qlik Sense サイトの管理: コンテンツ ライブラリにオブジェクトをアップロード(英語のみ)」を参照してください。

背景色または画像の追加

[上級者向けオプション] では、シートの背景をカスタマイズできます。特定の背景色を選択したり、数式ごとに色分けしたりできます。メディア ライブラリの画像はどれも背景として設定できます。画像が全体の背景に合わない場合は、配置とサイズを変更できます。

.png、.jpg、.jpeg、.gif の形式がサポートされています。.gif を使用する場合は、動画にも静止画にもできます。

Qlik Sense Enterprise SaaS Government メモ

Qlik Sense Enterprise SaaS - Government (US) は、シートの背景画像または色をサポートしていません。

  1. 編集モードでシートを開きます。
  2. [詳細オプション] をオンにします。
  3. [シート プロパティ] で、[スタイリング] をクリックします。
  4. [背景] を [カスタム] に設定します。デフォルトでは [自動] になっています。
  5. 背景色:

    • 単色: 色選択ツールを使用して色を選択します。

    • 数式を使用: ユーザー定義の数式を使用する色を設定します。詳細については、「数式による色分け」を参照してください。

  6. 背景画像:メディア ライブラリから画像を選択します。デフォルトでは [なし] になっています。
  7. デフォルトのサムネイル上にある 画像 をクリックします。

    [メディア ライブラリ] が開きます。

  8. メディア ライブラリ内の [アプリ内] や [デフォルト] といったフォルダーをクリックします。求める画像がまだメディア ライブラリにない場合、 [メディアをアップロード] も選択できます。

  9. 使用する画像を選択し、[挿入] をクリックします。
  10. ドロップ ダウンで画像のサイズを変更します:
    • 元のサイズ
    • 常に適合
    • 幅に合わせる
    • 高さに合わせる
    • 縮小/拡大して合わせる
    • 常にページ幅に合わせる
  11. [位置] で、画像の配置を変更できます。例えば、画像をシートの中央や右上隅にできます。

選択した画像と背景色がシートに表示されるようになります。

[編集] モードのシート、左に設定された背景画像

編集モードのシートです。