反饋已提交

網絡繁忙

FVS標題組件

1. 概述

適用場景:安裝了「FVS企業戰情室編輯模式」插件的使用者,可參考本文了解 FVS 範本的相關功能。

注:不支援行動端。

1.1 版本

報表伺服器版本
插件版本功能變動
11.0V1.x
V1.x 版本文檔請參考:FVS標題組件歷史版本
11.0.16V2.1.0字體支援模糊搜尋,設定字體更方便快捷
11.0.22V2.7.1標題內容支援「動態值」,支援直接綁定資料集欄位


1.2 功能簡介

標題組件,常用於製作組件的標題內容,或單行的正文說明。

支援設標度題內容漸變色、文字陰影、佈局、字間距等效果。

透過 組件樣式 中的「倒影」效果,還可以實現文字倒影效果。

如下圖所示:

也可以作為按鈕設定點選事件,例如文檔 FVS點選切換分頁 。效果如下圖所示:

FVS標題組件-1.gif

注:本文僅為大家介紹標題組件特有功能,其他屬性不贅述。

組件交互請參見:FVS組件交互屬性 。

組件動畫請參見:FVS分頁間組件動畫 。

組件樣式請參見:FVS組件樣式屬性 。

2. 新增組件

1)點選設計器左上角「檔案>建立視覺化看板」,建立空白視覺化看板。

2)點選組件區「文字>標題組件」,將其新增到頁面中。如下圖所示:

3. 內容樣式

本章節介紹標題組件「標題內容」以及「內容樣式」中的各項屬性,如下圖所示:

各設定項詳細說明如下表所示:

注:所有設定均對標題整體生效,不支援對標題中部分文字字體進行單獨設定。


屬性簡介
標題內容

支援選擇輸入「字串」或使用「動態值」

1)字串:直接輸入正文

  • 設定的正文內容會以單行的形式顯示,不支援換行

  • 超出顯示範圍的正文會被截斷,不顯示

2)動態值:支援選擇綁定資料集欄位,或輸入公式,詳情請參見 FVS動態值

字體

支援設定標題正文的字體。V2.1.0 及之後版本,支援模糊搜尋,可快速尋找需要的字體

樣式

支援設標度題正文粗體、斜體、底線、字號

注:底線顔色跟隨字體顔色顯示,若字體顔色為漸變色,則底線獲取的是漸變區域左側色塊顔色

顔色

支援設標度題正文的顔色為單色或漸變色

1)單色

2)漸變色

點選左右兩個色標可選擇顔色,改變漸變角度可實現不一樣的漸變效果

效果如下圖所示:

文字陰影勾選「開啟陰影效果」後,支援新增多個陰影效果

點選「新增陰影」按鈕,彈出陰影設定框,可設定陰影的名稱、偏移方向、模糊度和陰影顔色

有多個陰影時,列表下方的陰影顯示在最外層。可透過滑鼠拖曳行動陰影順序

FVS標題組件-2.gif

效果如下圖所示:

佈局排列方式:支援設標度題為水平或者垂直。效果如下圖所示:

對齊方式:支援設標度題內容顯示位置為靠左、置中或靠右

字間距

可設標度題字間距,顯示效果如下圖所示:

詞間距

在輸入標題內容時,可手動新增空格將詞語分隔開,此時設定詞間距,會根據空格判斷詞語並顯示間距。顯示效果如下圖所示:


4. 跑馬燈特效

支援「開啟跑馬燈特效」,實現文字整體捲動的效果。如下圖所示:

注:功能詳情請參見文檔 FVS跑馬燈特效 。

預覽效果如下圖所示:


5. 注意事項

5.1 字體斜體右側文字被遮擋

問題描述

若標題內容對齊方式設定為「靠右」或顔色設定為「漸變色」,且字體樣式選中「斜體」效果。如下圖所示:

此時,標題最右側文字內容會被部分遮擋。如下圖所示:

解決方案

可手動在標題內容最後新增一個空格。

6. 範本下載

點選下載範本:FVS標題組件示例.fvs

附件列表


主題: FineVis數據視覺化
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙