メイン コンテンツをスキップする

HTML テンプレートに画像としてチャートを追加する

HTML レポート テンプレートにチャートを画像として追加できます。チャートでは、アプリの最新のリロードからのデータが使用されます。

チャート画像は、HTML テンプレート コードに img 要素として追加されます。画像はオブジェクト パネルにオブジェクトとして追加されるため、いつでも戻って編集したり再利用したりできます。

チャートを選択するときに、リロード をクリックして、Qlik Sense アプリから使用可能なチャートのリストを更新します。

  1. HTML デザイナーで、画像を挿入するコードの場所にカーソルを置きます。

  2. HTML デザイナーで、オブジェクト パネルの チャート オブジェクト をクリックします。

    HTML デザイナー内のオブジェクト パネルの [チャート] メニュー

    HTML デザイナーの「チャート」タブ。追加した既存のチャートを変更したり、新しいチャートを追加したりできます。
  3. [チャートを追加] をクリックします。使用可能なシートのリストが表示されます。

  4. 追加するチャートを含むシートを展開します。 必要に応じて、チャート名を検索してシートのリストを絞り込むことができます。

  5. プラス記号 アイコンをクリックしてチャートを追加します。

    正しいチャートを追加していることを確認するために、追加する前にプレビューができます。チャートをプレビューするには、チャートの横にある 右矢印 をクリックするか、チャート名をクリックします。

    画像として追加するチャートの選択

    HTML レポートに画像として追加するチャートの選択
  6. チャートは img 要素としてテンプレートに追加されます。オブジェクト パネルで、後で識別できるように画像に一意の [名前] を付けます。

    新しく追加された img 要素が強調表示されたテンプレート デザイン領域

    レポート テンプレートに追加されたチャート画像要素
  7. 次のようにして、テンプレート内での画像の表示方法を調整できます。

    • オブジェクト メニューで [ズーム] を調整します。 これにより、チャートのテキストが読みやすくなり、チャートの特定の側面を強調できるようになります。

    • img 要素の width 属性と height 属性を使用して画像の寸法を変更します。これはデザイン領域で行います。

  8. 画像オブジェクトはいつでも再利用できます。オブジェクト パネルで チャート オブジェクト を開き、右向き矢印 をクリックしてオブジェクトを開きます。画像を再度追加するには、 [画像を追加] をクリックします。

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

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