當前為5.1版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

圖片組件

1. 概述

1.1 應用場景

當使用者在儀表板中需要使用到圖片時,可以使用圖片組件在儀表板中插入圖片。

例如,在儀表板中插入公司 logo 作為組件標題,如下圖所示:

142-01.png

1.2 功能介紹

圖片組件支援 JPG、PNG、BMP 以及 GIF 四種圖片型別。

注:若圖片是以 URL 的格式儲存在資料庫中,希望這些資料以圖片形式展示,可參見:設定表格以圖片形式顯示

2. 操作步驟

2.1 新增圖片組件

在儀表板編輯介面,新增圖片組件。有如下兩種方式:

  • 點選「新增組件>其他>圖片組件」。如下圖所示:

142-02.png

2)將「圖片組件」按鈕拖動至儀表板內指定區域。如下圖所示:

142-03.GIF

2.2 上傳圖片

1)

新增完圖片組件後,在組件內上傳圖片。選中需要上傳的圖片,即可上傳。如下圖所示:

上傳圖片有兩種方式:

  • 點選右上角的按鈕上傳圖片。若要更換組件中的圖片,可點選image.png重新上傳。

  • 雙擊組件上傳圖片。

注:已上傳的圖片儲存在%FineBI%\webapps\webroot\WEB-INF\assets\temp_attach中。可依據大致上傳日期尋找到圖片,路徑中的圖片可以點選開啟直接查看

142-04.png

2)上傳圖片後,拖動組件框調整組件大小及位置。

2.2 設定圖片尺寸

點選image.png可設定圖片尺寸為「原尺寸」、「等比適應」或「適應組件」,此處選擇「適應組件」如下圖所示:

  • 原尺寸:指不改變圖片本身的大小進行匯入。

  • 等比適應:指按照圖片的長寬比例自動去適應組件的大小,圖片的大小會隨着組件的改變等比例拉伸。

  • 適應組件:指對匯入的圖片的尺寸大小始終與組件大小相同。

142-05.png

2.3 新增網頁連結

1)點選image.png新增網頁連結按鈕,可在該圖片上新增超級連結,如下圖所示:

142-06.png

新增連結之後,點選圖片,即可跳轉到對應位址。如下圖所示:

142-07.GIF

2.4 懸浮

圖片組件支援懸浮,使用詳情請參考文檔: 組件懸浮


附件列表


主題: 构建图表和分析数据
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 评价文档,奖励 1 ~ 100 随机 F 豆!