一、概述
本文介紹FVS 大屏範本中如何設定組件互動以及各種互動方式的用法。
選中頁面上的組件,點擊配置欄的【互動】按鈕,可設定組件的相關互動屬性:點選事件、輪播設定、監控重新整理。
若組件類型爲場景地圖、三維城市、組合圖、鑽取區域地圖、鑽取點地圖、自訂鑽取地圖等存在多層資料的組件,使用者需要先選擇事件對象,再選擇事件類型,例如使用者給場景地圖的【點】設定點擊事件,那麽只有點擊地圖【點】時才會觸發事件。
二、支援範圍
不同類型的組件,支援配置的互動屬性不完全相同。具體如下表所示。
注:【點選事件】→【彈出框】,僅支援三維城市組件。
組件 | 點擊事件 | 輪播設定 | 監控重新整理 |
---|---|---|---|
場景地圖 | 支援 | 支援 | 支援 |
電子智慧樹圖、模型智慧樹圖 | 支援 | 支援 輪播無法關閉 | 支援 |
三維城市、标題組件 柱形圖、堆積柱形圖組件、百分比堆積柱形圖、自訂柱形圖、特殊圖形柱形圖 條形圖、堆積條形圖、百分比堆積條形圖、自訂條形圖 餅圖、等弧度玫瑰圖、不等弧度玫瑰圖、多層餅圖 折線圖、堆積折線圖、自訂折線圖 面積圖、堆積面積圖、百分比堆積面積圖、自訂面積圖 雷達圖、堆積雷達圖 360度多指針儀表盤、180度多指針儀表盤 百分比圓環儀表盤、百分比刻度槽型儀表盤、試管型儀表盤 區域地圖、點地圖、流向地圖、組合地圖、熱力地圖 鑽取區域地圖、鑽取點地圖、自訂鑽取地圖 三維柱形地球、三維點地球 散點圖、氣泡圖 矩形樹圖、詞雲圖、力學氣泡圖、漏鬥圖 柱形圖-折線圖、柱形圖-面積圖、堆積柱形圖-折線圖、自訂組合圖 甘特圖、縱向框架圖、橫向框架圖、發散框架圖、箱形圖 | 支援 | 不支援 | 支援 |
圖片組件 | 支援 | 不支援 | 不支援 |
輪播餅圖、輪播夜光儀表盤、水球圖、畫素點圖 輪播閃爍指标卡、輪播電子指标卡、輪播目錄齒輪圖 輪播三維組合地圖、輪播GIS點地圖 | 不支援 | 支援 輪播無法關閉 | 支援 |
輪播條形圖 | 不支援 | 部分支援 僅支援輪播 不支援輪播事件 | 支援 |
輪播器組件 | 不支援 | 支援 | 不支援 |
弧形柱形圖、粒子計數器、三維流向地球 富文字組件、表格組件、網頁框組件 | 不支援 | 不支援 | 支援 |
時間齒輪、本機視頻組件、本機監控組件
| 不支援 | 不支援 | 不支援 |
三、互動範例
互動屬性 | 簡介 | 示例 | |
---|---|---|---|
點擊事件 | 組件聯動 | 新增組件聯動後,可将參數傳遞給範本組件,實現更多資料展示效果。 | |
彈出框 | 新增彈出框後,可觸發對應元素的彈出框内容,實現豐富的個性化内容。 | ||
網頁連結 | 新增網頁連結後,可将參數傳遞給網頁連結,顯示不同的網頁内容。 | FVS點擊跳轉網頁連結 | |
JavaScript | 實驗室功能 新增JavaScript腳本後可執行所設定的JavaScript腳本,實現豐富的個性化效果。 | ||
三維模型動畫 | 新增三維城市動畫後可觸發對應三維城市組件的動畫效果。 | ||
分頁跳轉 | 新增分頁跳轉後可跳轉到目标頁面。 | ||
輪播設定 | 組件聯動 | 開啓自動輪播後,可新增組件聯動,按照輪播效果将參數傳遞給範本組件,實現更多資料展示效果。 | - |
三維模型動畫 | 開啓自動輪播後,可新增三維城市動畫,觸發對應三維城市組件的動畫效果。 | - | |
JavaScript | 實驗室功能 開啓自動輪播後,可新增JavaScript腳本,執行所設定的JavaScript腳本,實現豐富的個性化效果。 | ||
監控重新整理 | - | 可根據設定的時間定期刷新。 | - |