圖片組件

1.1 應用場景

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

例如，在儀表板中插入公司 logo ，如下圖所示：

1.2 功能介紹

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

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

2.1 新增圖片組件

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

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

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

2.2 上傳圖片

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

上傳圖片有兩種方式：

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

• 雙擊組件上傳圖片。

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

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

2.3 設定圖片尺寸

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

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

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

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

2.4 新增網頁連結

1）點選新增網頁連結按鈕，可在該圖片上新增超級連結，如下圖所示：

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

2.5 懸浮

圖片組件支援懸浮，使用詳情請參考文檔： 組件懸浮 。