將圖作為影像新增至您的 HTML 範本 | Qlik Cloud 說明
跳到主要內容

將圖作為影像新增至您的 HTML 範本

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

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

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

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

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

    HTML 設計工具內物件面板中的 選單

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

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

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

    為了確保您新增的是正確的圖,您可以在新增之前預覽它。若要預覽圖,請按一下其旁邊的 向右箭頭,或按一下圖名稱。

    選取要作為影像新增的圖

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

    醒目提示新新增之 img 元素的範本設計介面

    新增至報告範本的圖影像元素
  7. 新增影像後,您可以調整下列項目:

    • 在物件選單中調整 縮放。這有助於提高圖文字的可讀性,並突顯圖的某些方面。

    • 個別為物件新增最多一個 篩選條件。這是在物件選單中完成的,可讓您自訂圖中使用的資料,而不會影響其他範本物件中使用的資料。按一下 管理篩選條件 以設定您要使用的報告篩選條件。如需有關物件層級篩選條件的詳細資訊,請參閱 在報告範本中使用物件層級篩選條件

    • 使用 img 元素中的 widthheight 屬性變更影像的維度。這是在設計介面中完成的。

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

此頁面是否對您有幫助?

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