FVS正文框元件

適用場景：安裝了「FVS大屏編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 功能簡介

正文框元件在範本預覽時，可手動輸入正文，支援透過參數聯動組件。效果如下圖所示：

組件動畫請參見：FVS組件動畫 。

組件樣式請參見：FVS組件樣式屬性 。元件名稱在「內容」中設定。

2.1 元件內容

正文框元件可設定的內容如下圖所示：

各設定項的詳細介紹如下表所示：

2.2 元件交互事件

點選「交互>新增事件」，可新增 JavaScript 事件實現更多效果。正文框元件支援「初始化後事件」和「編輯結束事件」。如下圖所示：

點選具體的某一個事件，會彈出 JavaScript 事件設定框。如下圖所示：

注：關於 FVS 支援的 JavaScript 可參考文檔 FVS大屏支援的JSAPI場景 。

3.1 準備範本

1）點選設計器左上角「檔案>建立大屏報表」。

2）建立資料庫查詢 ds1 ，輸入 SQL 查詢語句 SELECT * FROM 銷量 where 地區='${area}' ，並給參數 area 設定預設值為「華東」，即預設獲取華東地區的銷量資料。

如下圖所示：

3.2 新增正文框元件

點選組件區「元件>正文框」，將正文框元件新增到頁面。

在右側配置面板「內容」中將名稱修改為「area」，預設值輸入「華東」，即可與資料集中定義的 area 參數匹配。如下圖所示：

3.3 新增柱形圖

點選組件區「圖表>柱形圖」，將柱形圖組件新增到頁面，給柱形圖綁定含有 area 參數的資料集中資料。如下圖所示：

3.4 效果預覽

點選右上角「儲存」，點選「預覽」，當手動改變正文框的值為「華北」後，柱形圖則顯示為華北地區的資料。如 1.2 節效果所示。

点击下载模板：正文框元件示例.fvs