天天看點

給你的 DataV 可視化大屏生成 uuid

此時,你的可視化項目可以不斷更新資料,進而讓檢視大屏的人看到最新的可視化資料:

給你的 DataV 可視化大屏生成 uuid

不過,如果你的 API 接口隻是簡單的無狀态接口,那麼 API 接口的服務端是無法區分發起資料請求的到底是同一個大屏頁面還是不通的大屏頁面的。

如果你的服務端希望知道每個大屏的頁面都有一個不同的标志,進而可以區分發起這個資料請求的大屏是不是不同的頁面,那麼我們可以通過時間軸元件來給每個大屏頁面都生成一個 uuid 座位 API 的參數,這個 uuid 每次新打開的頁面都會重新生成,那麼 API 的服務端就可以使用這個 uuid 作為依據判斷一個請求是否是同一個頁面的請求了。

首先添加一個時間軸元件

在時間軸的資料面闆裡填寫初始化資料, 并把 value 映射我 UUID

給你的 DataV 可視化大屏生成 uuid

給時間軸元件添加過濾器,在過濾器裡生成 UUID

給你的 DataV 可視化大屏生成 uuid

過濾器生成 UUID的代碼可以自己實作,也可以參考:

檢視響應結果:

給你的 DataV 可視化大屏生成 uuid

可以看到生成的 UUID

時間軸的樣式配置裡取消輪播:

給你的 DataV 可視化大屏生成 uuid

回調 ID 設定為 UUID:

給你的 DataV 可視化大屏生成 uuid

其他元件正常使用 API 資料源:

給你的 DataV 可視化大屏生成 uuid

打開預覽頁面,可以看到對 API 的請求帶上了 UUID 參數:

給你的 DataV 可視化大屏生成 uuid

這樣,服務端就可以針對每個不同的大屏頁面組織傳回資料了,比如模拟推流資料,每個打開的螢幕都可以依次擷取資料而不會重複、遺漏等。

繼續閱讀