編輯組件標題

1. 概述

1.1 版本

FineBI 版本
App版本

/HTML5行動端展現插件

BI6.0行動動端佈局編輯介面H5插件功能變動
6.0-
--
6.0.16V11.0.88V6.0.24.20231215行動端標題支援富正文
6.1.5--
  • 標題支援新增主題內所有欄位

  • 標題支援設定有序序號和無序序號


1.2 應用場景

將組件新增至儀表板後,想要對組件進行命名並設定自訂樣式,方便生成的視覺化儀表板更清晰的表達資料資訊和層次。

1.3 功能簡介

編輯組件標題功能支援對組件進行重新命名,同時對於新增至儀表板後的圖表和表格、過濾組件支援自訂樣式設定;

對新增至儀表板後的圖表和表格組件支援富正文設定。

注 1:過濾組件標題不支援富正文設定;

注 2:文字組件、圖片組件、Web 組件僅支援修改組件名稱,不支援自訂樣式設定;

注 3:同一張儀表板不支援兩個標題相同的組件。

2. 編輯標題

2.1 組件標題引用「組件名稱」欄位

組件名稱為組件未引用至儀表板中的標題。組件標題為儀表板中組件顯示的標題。

將組件引用至儀表板中,組件的標題預設引用「組件名稱」欄位,即組件標題與組件名稱一致,組件標題跟隨組件名稱變化,如下圖所示:

1.png

在儀表板中修改組件標題後,組件標題會變化,但組件名稱不會跟隨變化,想要組件標題與組件名稱一致,再次引用「組件名稱」欄位即可,如下圖所示:

2.png

2.2 編輯標題內容

在顯示標題時,可編輯標題內容。

  • 儀表板編輯介面:雙擊組件標題即可修改組件名稱,如下圖所示:

 3.gif

  • 按編輯標題可快捷進入標題編輯介面,如下圖所示:

 4.png

2.3 設定字體樣式

選中需要編輯的文字,設標度題樣式。「自動」則字體樣式設定為系統預設樣式;也可以「自訂」設定字體、大小顏色等。如下圖所示:

5.png


自訂字體樣式的各個設定項說明如下表所示:

圖示
設定項說明
6.png字體設定文字字體,字體支援預設、黑體、宋體、仿宋、楷體、Arial、Helvetica Neue、Verdana、Times New Roman 。
7.png字號設定文字字號。
8.png粗體對文字進行粗體。
9.png斜體
將文字變為斜體。
10.png底線為文字設定底線。
11.png文字顏色設定文字顏色。
12.png左對齊
將文字內容沿水平方向靠左對齊。
13.png置中對齊將文字內容沿水平方向向中間集中對齊。
14.png右對齊將文字內容沿水平方向靠右對齊。

注:其中蘋方字體僅在 Mac 系統下生效。 Mac 系統下預設使用蘋方, Windows 系統下預設使用微軟雅黑。  

3)設定完標題樣式,效果如下圖所示:

15.png

3. 在標題插入欄位

動態標題範例可參見文檔:動態顯示標題(該文檔同時也介紹瞭如何在標題中新增指標)

支援範圍說明
分析區域的維度欄位-
過濾組件

其中 複合過濾組件不支援新增

樹過濾組件只新增到組件裏存在的欄位

其他的過濾組件只能選到過濾組件本身。

可以在編輯標題時,新增組件的欄位。如下圖所示:

16.png

4. 顯示/隱藏標題

組件的標題預設為勾選,若不想顯示,去掉勾選即可。

在儀表板編輯介面,取消勾選「顯示標題」,如下圖所示:

17.png

5. 行動端

V11.0.88版本及之後「行動端佈局」支援單獨設定組件富正文內容。PC與行動端互不影響。

入口如下圖所示:

點選進入編輯介面,如下圖所示:

注:如果要繼承PC樣式,點選「恢復桌上樣式配置」並確認即可。


完成後如下圖所示:

注:行動端不適配字體樣式。


6. 注意事項

6.1 過濾組件對組件生效才會對標題生效

若希望組件標題中能動態顯示過濾組件紙,那麼需要過濾組件能控制對當前組件。如下圖所示:

  

若過濾組件自訂控制範圍未包含上文設定標題的組件,此時即使設定了過濾條件,標題仍然顯示「全部」,如下圖所示:

  

6.2 刪除新增標題的欄位

若新增欄位的分析組件被刪除,則標題中給出對應提示。例如刪除上面新增的年月過濾組件,如下圖所示:

附件列表


主题: 製作視覺化組件
  • 有帮助
  • 没帮助
  • 只是浏览
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙