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

一、什么是交互？

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

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

二、為什么需要交互？

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

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

三、如何實現(xiàn)交互？

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

（一）事件交互

1.自定義事件

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

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

2.動態(tài)面板

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

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

3.引用面板

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

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

ps：iframe組件用于在當前項目中引用其他網(wǎng)頁，在數(shù)據(jù)中輸入指定url即可引用其他網(wǎng)頁。

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

（二）數(shù)據(jù)交互

1.回調參數(shù)

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

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

2.回調ID變量綁定

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

3.千人千面

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

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

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

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

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

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

（三）終端交互

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

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

1.創(chuàng)建移動端項目

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

2.選擇組件

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

以上內(nèi)容來源于易知微官網(wǎng)

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

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

https://easyv.cloud/?t=bilibili