在很多可視化項目中，如果想要實現場景可視化大屏交互的功能，程序員們總是需要敲很多代碼，才能最終產出有效的交互效果，在這之中，如果出現個bug，那在一大串代碼中尋找這個bug?的出處，又必然是一件讓人頭疼的事情。難道就沒有一種不用敲代碼就能實現場景可視化大屏交互功能的辦法嗎？欸，還真有！來EasyV低代碼可視化平臺就能實現～

(資料圖)

一、什么是交互？

為了體諒一下，部分代碼小白，這里還是給大家介紹一下交互的概念。

交互(interactive)，在計算機中意思為，參與活動的對象，可以相互交流，雙方面互動。簡單來說，當你在電子產品上點擊按鈕跳轉到另一個頁面時，這就發生了一次簡單的交互動作。

二、為什么需要交互？

在可視化界面的設計中，各版塊并不是獨立的，而是相輔相成。因此，在數據可視化大屏項目中，場景可視化大屏交互組件也就必不可少。

那么接下來本篇就帶你來看看，EasyV中如何通過不寫代碼的形式，快速實現場景可視化大屏交互效果！

三、如何實現交互？

場景可視化大屏交互也有很多種類型，以下將逐一說明：

（一）事件交互

1.自定義事件

如果您有不同的需求場景，不通過按鈕的方式去操作，您可以嘗試一下這種方法

可以由用戶選擇需要觸發的事件、定義觸發的條件以及觸發后的結果對哪些組件產生影響（如顯隱切換、縮放、動態修改配置）。

2.動態面板

如果您想讓自己的組件切換、頁面輪播，您不妨看看我們的動態面板

動態面板可以加入多種不同的狀態，每一個動態中可以增加多個組件，可以單獨設置自動輪播狀態或者配合選項卡組件來控制狀態切換。

3.引用面板

我們一個項目很多大屏，但能展示的大小就那么大，我怎么才能放在一起呀？我想讓多個大屏能切換頁面，這個問題不用急，我們也做了相應的組件。

引用面板可理解為iframe的變形。iframe嵌套外部url，展示跳轉后的頁面；引用面板支持嵌到多個EasyV平臺內部大屏，在當前大屏展示。

ps：iframe組件用于在當前項目中引用其他網頁，在數據中輸入指定url即可引用其他網頁。

引用面板跟動態面板實現的效果一樣，但動態面板為在一個組件內創建多個大屏，通過狀態進行切換大屏；而引用面板為一個組件引用項目的其他大屏進行展示，優點在于擴展性強，方便后期維護，編輯路徑短。

（二）數據交互

1.回調參數

回調參數即為全局性的參數變量，用于控制組件之間參數的傳遞，可通過設置回調參數來實現數據驅動交互。其中，字段值即參數變量，變量名即對字段值的重命名。

選中組件，進入「交互」配置模塊，定義回調參數

2.回調ID變量綁定

引用回調字段，并且用過濾器結合回調輕量化地處理數據。

3.千人千面

很多人會問如何實現不同人查看不同數據的效果？通過標題組件進行相應配置，即可達到如下效果。

具體操作（詳細視頻操作可進入易知微官網可視化學院-視頻中心-搜索千人千面查看）：

1.在標題組件數據配置項中，確認需要傳遞的字段名稱

2.設置標題組件數據過濾器回調字段和需要傳遞的字段名稱一致

3.同理，基本面積圖中確認需傳逆的字段，設置好數據過濾器

4.預覽查看效果，通過URL傳參，“#”?后輸入回調的參數和值，顯示對應的結果

（三）終端交互

總要背著電腦包到處跑去操控大屏，真的很累，如果您有這樣的煩惱，不妨嘗試一下我們的終端交互

終端交互主要用于移動端操控發布的大屏，卸掉沉重的電腦包，提供便捷的移動遙控器功能。

1.創建移動端項目

進入?EasyV平臺?「終端交互」模塊，創建移動操控端項目。在創建過程中可選擇系統默認給出分辨率或根據自身移動設備分辨率進行自定義。此處以手機端操控頁面為例，如下圖：

2.選擇組件

選擇使用選項卡組件（可與大屏頁面保持一致，或單獨創建樣式均可）；此處選擇與大屏一致，數據及樣式復用即可。如下圖：

以上內容來源于易知微官網

前往易知微官網還可查看視頻教程，小白也能一學就會！

除了大量數字孿生可視化相關干貨，還有各樣精美模板、各行業應用案例、最新行業喜訊……盡在易知微官網～

/?t=bilibili