メイン コンテンツをスキップする 補完的コンテンツへスキップ

HTML レポート テンプレートへのコンテンツの追加

さまざまな形式のコンテンツをHTML レポート テンプレートに追加できます。アプリのコンテンツを、チャート画像、表形式のデータ、変数、数式として追加します。HTML テンプレートでは、アプリ コンテンツはオブジェクトの形式をとります。これらのオブジェクト (ネイティブ HTML オブジェクトと混同しないでください) は、HTML デザイナーのオブジェクト パネルで追加、管理、再利用できます。アプリ データを直接視覚化しないコンテンツ (例: メールの紹介メッセージやカスタム書式設定) は、サポートされているコード構文のリストに含まれていれば追加できます。

HTML レポートに追加できるアプリ コンテンツ

HTML レポート テンプレートは、次の種類のアプリ コンテンツに対応します。

HTML レポート作成エクスペリエンスは、アプリ コンテンツの操作に柔軟性を提供します。たとえば、HTML コードを使用して、画像、変数、数式を表形式のデータとして追加できます。

レベルを使用して、レポート内の個別のセクションの作成を自動化し、異なる数の軸値に対してアプリ データの生成をループして繰り返します。詳細については、「レベルを使用した HTML レポート要素のループおよびサイクル」を参照してください。

オブジェクト タイプ

アプリのコンテンツをオブジェクトとしてテンプレートに追加します。オブジェクトは、テンプレートの開発中に再利用および編集できます。次のオブジェクトを操作します。

  • チャート画像

  • チャート テーブル

  • 変数

  • 数式

  • レベル

利用可能なアプリ コンテンツ タグ

次の表には、テンプレートに挿入できるタグの種類と、それぞれのタグの機能が示されています。HTML デザイナーを使用してタグを追加します。

Qlik Cloud AnalyticsHTML レポート テンプレートで使用できるタグ
タグの種類 説明 例と形式
テーブル テーブルとして追加されたチャート全体を表す単一のタグ。出力では、各列が個々の列と同じ方法で生成されます。 %%Table Name%%
テーブルとして追加されたチャート内の 1 つの列を表す単一のタグ。テーブルから 1 つ以上の列が追加された場合でも、基礎となるテンプレート オブジェクトはテーブルであることに変わりはありません。 %%Column Name%%
レベル レベル オブジェクトのインスタンスを表すタグのセット。開始タグと終了タグの間に他のタグを追加して、レベル オブジェクトのベースとなる個別のエンティティごとに、これらの項目を含む新しいセクション (レベル) がレポートに作成されることを示すことができます。

%%Entity Name_Level%%

...

%%/Entity Name_Level%%

項目 レベルの各フィルター済みの繰り返し処理において使用されている項目値を表示するために、レベル タグ内で使用されるタグ。 %%Field Name%%
変数 ソース アプリで見つかった変数のインスタンスを表す単一のタグ。 %%Variable Name%%
数式 オブジェクトとしてテンプレートに追加された数式のインスタンスを表す単一のタグ。 %%Expression Name%%

Custom code

HTML デザイナーは実質的にコード エディターであるため、独自のカスタム コードをテンプレートに追加できます。このコードは、アプリのコンテンツのみで構成される可能性は低いでしょう。たとえば、テンプレートには、インライン CSS、企業の Web コンテンツ、アプリのコンテンツを直接組み込まないその他の機能が必要になる場合があります。

サポートされているコンポーネントとしてリストされている場合は、レポート テンプレートにコードを追加できます。それ以外の場合は、テンプレートをサニタイズして、準拠していないコードをすべて削除する必要があります。サポートされている HTML コード コンポーネントの一覧については、「HTML テンプレートのコードの許可リスト」を参照してください。

アプリの選択

ソース アプリで行った選択は、作成中にレポート テンプレートに反映されます。選択内容は、HTML デザイナーから生成できるレポートのプレビューに適用されます。ただし、選択は Qlik Cloudレポート タスクからの出力には反映されません。代わりに、レポート出力のデータの削減は、レポート フィルター、サイクル、セクション アクセスによって制御されます。

プレビューに反映された選択内容を変更する場合は、シート ビューで選択内容を変更できます。次に、HTML デザイナーのオブジェクト パネルの右上隅にある エンティティを更新 をクリックします。これにより、選択したオブジェクトの選択のみが更新されます。

このページは役に立ちましたか?

このページまたはコンテンツにタイポ、ステップの省略、技術的エラーなどの問題が見つかった場合はお知らせください。