反饋已提交
網絡繁忙
適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FVS 範本的相關功能。
1.2 功能簡介
複選按鈕組元件在範本預覽時，支援透過選擇不同選項，透過參數聯動其他組件。效果如下圖所示：
組件動畫請參見：FVS組件動畫 。
組件樣式請參見：FVS組件樣式屬性 。元件名稱在「內容」中設定。
複選按鈕組元件可設定的內容如下圖所示：
各設定項的詳細介紹如下表所示：
值為參數名稱，用於與參數綁定。預設為空，需根據實際參數進行設定
支援已有參數的綁定，也可以直接輸入新值以建立新的參數
字串：回傳值類型為字串，需要定義分隔符、開始符和結束符，即將勾選的多個值根據分隔符連結成一個字串。
例如：分隔符定義為逗號，起始符和結束符均定義為單引號，回傳值為 '值1,值2,值3'
可設定複選按鈕組元件預設選中的選項，包括如下 3 種：
1）自訂字串：可直接輸入正文，輸入多個值時，可實現多選。但輸入多個值時，格式需與元件「回傳值」類型一致，回傳值不做修改時預設用英文逗號隔開，如：華東,華北
2）欄位：可選擇資料集中欄位，若欄位有多個值，則會多選
3）公式：點選右側 fx 輸入公式，若公式對應的值為多個值，則會多選
1）無線電鈕
無線電鈕可選樣式範本有四種：預設樣式、膠囊按鈕、聯排按鈕、圖文按鈕。內容樣式根據「樣式範本」不同，設定項有所不同。
可設定選項的佈局方式和字元樣式。
佈局方式可選擇如下三種：
自動填充：根據選項內容自動調整行列數
固定列數：可設定展示為 X 列，預設 1 列展示
固定行數：可設定展示為 X 行，預設 1 行展示
可設定佈局方式、字元樣式、按鈕樣式和圓角。
佈局方式同樣可選擇三種：自動填充、固定列數、固定行數。
佈局方式可選擇自然佈局或等分佈局，不支援按列或按行填充。
可設定佈局方式、字元樣式、按鈕樣式。
按鈕樣式中「按鈕圖示」的顯示邏輯需注意：
按鈕圖示與選項是一一對應的關係，按從左到右、從上到下的順序排布。
選中按鈕圖示，圖示資源支援為 無、我的資源、自訂上傳、線上圖片 四種設定方式。
支援新增多個圖示；滑鼠懸浮圖示，點選右上角刪除按鈕即可刪除。V2.5.1 之前版本不支援刪除。
若圖示數大於選項數，多餘的圖示不顯示；若圖示數小於選項數，或圖示資源為無，則顯示空白圖示。
2）複選按鈕
複選按鈕可選樣式範本有兩種：預設樣式、膠囊按鈕。
點選「交互>新增事件」，可新增 JavaScript 事件實現更多效果。複選按鈕組元件支援「初始化後事件」和「點選事件」。如下圖所示：
點選具體的某一個事件，會彈出 JavaScript 事件設定框。如下圖所示：
注：關於 FVS 支援的 JavaScript 可參考文檔 FVS企業戰情室支援的JSAPI場景 。
1）點選設計器左上角「檔案>建立企業戰情室報表」。
2）建立資料庫查詢 ds1 ，輸入 SQL 查詢語句 SELECT * FROM 銷量 where 銷售員 in ('${spe}') ，並給參數 spe 設定預設值為「孫林」，即預設取出孫林的銷量資料。
如下圖所示：
1）點選組件區「元件>列表>按鈕組」，將元件新增到頁面中。
在右側配置面板「內容」中將綁定參數設定為「spe」，即可與資料集中定義的 spe 參數匹配。如下圖所示：
2）綁定複選按鈕組元件的選項值來源，選擇類型為「資料庫表」，選擇 FRDemoTW 中銷量表的「銷售員」欄位。
設定預設值為「孫林」，如下圖所示：如下圖所示：
3）若需要設定為複選按鈕，需勾選「開啟多選」
為了匹配 SQL 中的 in 語句，需要將元件回傳值設定為「字串」，手動輸入分隔符為 ',' 。
設定分隔符後，再設定預設值，需保持相同格式。例如本例要設定多個預設值，則需要使用分隔符 ',' 隔開，輸入「孫林','金士鵬」。
然後根據情況設定佈局。如下圖所示
點選組件區「圖表>折線圖」，將組件新增到頁面中，給折線圖綁定含有 spe 參數的資料集中資料。如下圖所示：
點選右上角「儲存」，點選「預覽」。
當按鈕組為無線電鈕時，折線圖顯示對應銷售員的產品銷量。如下圖所示：
當按鈕組為複選按鈕時，選擇單個或多個按鈕，折線圖顯示對應銷售員的產品銷量。如下圖所示：
預覽方式請參考 FVS行動端預覽
無線電鈕組效果如下圖所示：
複選按鈕組效果如下圖所示：
點選下載範本：FVS按鈕組元件範例.fvs
滑鼠選中內容，快速回饋問題
滑鼠選中存在疑惑的內容，即可快速回饋問題，我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙