1. 概述
1.1 版本
FineBI 版本 | App版本 | H5行動端展現插件 | 功能變動 |
---|---|---|---|
5.1.11 | - | - | - |
10.4.986 | 10.4.986 | 行動端表格支援顯示圖片 |
1.2 應用場景
使用者業務上統計一些服飾的售賣情況,為了方便區分具體產品想要將服裝的圖片(圖片是以 URL 的格式儲存的)在 FineBI 表格中直接顯示出來。
1.3 功能簡介
FineBI 提供設定「表格」內容以圖片型別顯示的功能,可將正文型別的欄位(該欄位內容為圖片儲存的 URL )設定為以圖片形式顯示。
注:僅支援對正文型別欄位設定顯示型別為圖片。
2. 操作步驟
範例資料:產品銷量.xlsx
2.1 資料準備
將範例資料 上傳 至 FineBI ,如下圖所示:
2.2 製作表格
建立組件,選擇「分組表」,將「名稱」欄位拖入維度欄,將「銷量」欄位拖入指標欄,可以看到「名稱」欄位的實際內容是圖片存放的 URL ,如下圖所示:
2.3 設定以圖片型別顯示
對「名稱」欄位設定「顯示型別>顯示為圖片」,如下圖所示:
2.4 效果查看
2.4.1 PC 端
PC 端預覽效果,如下圖所示:
同時,顯示的圖片支援點選放大查看,如下圖所示:
2.4.2 行動端
10.4.986及之後行動端支援表格顯示圖片。效果如下圖所示:
3. 注意事項
正文欄位「顯示為圖片」後「自訂分組、表格屬性>維度欄位>字體顏色、組件樣式的表格字體」設定不生效,在切換成「顯示型別為正文」後生效。
表格顯示為圖片後聯動、跳轉、鑽取、排序、過濾等功能仍然按照正文內容生效,但僅支援點選非圖片區域觸發,若無可觸發區域則無法觸發跳轉、聯動。
顯示為圖片的表格組件 匯出 Excel ,對應的顯示為圖片的欄位會顯示為原欄位而不是圖片。