跳到主要內容

HTML 範本中新增圖表作為影像

您可以將圖表作為影像新增至 HTML 報告範本。圖表將會使用來自應用程式最近載入的資料。

圖表影像作為 img 元素新增至 HTML範本程式碼中。影像也會新增為物件面板中的物件,您可以隨時返回以進行編輯和重複使用。

選取圖表時,按一下 載入Qlik Sense 應用程式重新整理可用圖表清單。

  1. HTML 設計工具中,將游標放置在您要插入影像的程式碼位置。

  2. HTML 設計工具中,按一下物件面板中的 圖表物件

    HTML 設計工具中物件面板的圖表功能表

    HTML 設計工具的「圖表」索引標籤,您可從中修改已新增的現有圖表,或新增新的圖表
  3. 按一下新增圖表。就會顯示可用工作表清單。

  4. 展開包含您要新增之圖表的工作表。如有需要,您可以搜尋圖表名稱,以縮小工作表清單範圍。

  5. 按一下 加號 圖示以新增圖表。

    為了確保新增正確的圖表,您可以在新增之前預覽。若要預覽圖表,請按一下圖表旁的 向右鍵,或按一下圖表名稱。

    選取要作為影像新增的圖表

    選取要作為影像新增至 HTML 報告的圖表
  6. 圖表作為 img 元素新增至範本中。在物件面板中,提供唯一的名稱給影像,以便稍後識別。

    範本設計介面醒目顯示了新增的 img 元素

    新增至報告範本的圖表影像元素
  7. 您可以使用以下內容調整影像在範本中的顯示方式:

    • 在物件功能表中調整縮放。這有助於提高圖表文字的可讀性,並醒目顯示圖表的某些層面。

    • 使用 img 元素中的 widthheight 屬性來變更影像的尺寸。這在設計介面上進行。

  8. 您可以隨時重複使用影像物件。在物件面板中開啟 圖表物件,然後按一下 向右箭頭 以開啟物件。按一下新增影像可再次新增影像。

此頁面是否對您有幫助?

若您發現此頁面或其內容有任何問題——錯字、遺漏步驟或技術錯誤——請告知我們!