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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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