天天看點

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

作者:EasyV數字孿生可視化

為了幫助使用者快速上手最新功能,高效搭建可視化項目,我們還特别邀請到能力中心産品經理雪糕來到EasyV線上直播間和大家分享~在7月6日(本周四)下午3點!會為大家詳解元件容器功能,并進行實操示範。這次直播會解答你的疑問,讓你輕松掌握元件容器的奧秘,千萬别錯過這次和産品經理面對面雪糕互動的機會啦!

想要觀看直播回放,可前往視訊号「EasyV數字孿生可視化」了解詳情!

6月29日,易知微内部設計師和産品經理最期待的功能之一「元件容器」已經悄悄上線!有許多使用者都很好奇元件容器功能到底是什麼?它能幫我去解決什麼困擾呢?

一、兩大難題

之是以被稱為“内部最期待的功能之一”,是因為在易知微項目建設的過程中,尤其是資料營運類大屏的設計,我們會頻繁地需要使用多個同類型元件進行拼貼,并且還需要不斷進行重複性的資料接入。同樣我們在客戶溝通中發現,許多客戶在利用EasyV搭建傳遞過程中也曾遇到同樣的困擾。這類重複性的工作伴随而來的工作困擾其實可以總結為“兩大難題”。

重複元件多個子產品制作及資料接入工作量大。大屏制作時需要頻繁地制作諸多相似元件搭配來滿足其不同次元組合的、臨時的資料呈現需求。

元件搭配使用頻繁,成組難以靈活适配多應用場景。在實際項目制作時,常常需要通過元件搭配來完整呈現資料效果,但僅僅通過“成組”,很難在布局、資料上快速适配。

這裡我們舉個例子,《醫療營運監控資料大屏》包含15個重複元件,而每個元件中的資料不同,預示着要完成這個大屏,至少需要重複配置15遍樣式及資料邏輯。

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

二、四大亮點

基于以上“兩大難題”,EasyV産研團隊快速響應,給大家帶來了能夠實作“積木式組裝”功能——元件容器。

所謂元件容器,就是自定義拼接元件(即執行個體)的生産容器,容器大小即為各執行個體對外可視區域大小。

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

而定義中所說的執行個體則是指元件容器内各個重複子產品單元,其中的預設執行個體是指在元件容器的編輯模式内,自定義拼接元件的執行個體子產品。而我們将通過資料驅動,按照設定的自動布局,渲染生成的其他相同子產品稱之為衍生執行個體。

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

預設執行個體

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

衍生執行個體

實際應用中我們發現:在大屏搭建時未使用元件容器時,搭建者需逐個對元件進行樣式配置和資料配置,資料接入及後期的維護成本極大。

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

而在利用元件容器自定義拼接元件後,統一在元件容器外部接入資料源,統一接入資料源,完成資料分發,通過資料驅動,按照設定的自動布局,可批量渲染生成相同執行個體子產品。

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

現在通過元件容器功能,使用者在搭建可視化項目時更加高效、靈活:

個性定制:使用者隻需簡單的拖拉拽,便能輕松完成自定義元件的拼接。可以滿足使用者多樣化、專屬定制元件需求,豐富大屏應用場景。

批量生成:通過資料驅動的模式,我們實作了按照設定的自動布局,批量渲染生成相同執行個體子產品的能力,滿足多子產品重複元件、組合展示需求。

降本增效:通過統一接入資料源,完成資料分發,無需對每個元件進行逐個資料源接入和樣式配置,大大降低資料接入及後期的維護成本。

靈活配置:元件容器内的任意執行個體都具備與内外部進行自定義互動配置的能力。您可以自由地選擇特定執行個體項進行互動操作,進而增強互動配置的靈活性。

三、四步搞定

這項功能的實作僅需四步:

Step 1:點選元件容器,進行樣式初步調整;

Step 2:自定義拼接和樣式預覽;

Step 3:資料分發邏輯與資料配置;

Step 4:自定義互動配置。

整體步驟與以往的元件配置相符,隻是多了從【元件容器】進入【編輯頁】、【編輯頁中的自定義拼接】,以及【選擇資料源類型】的分發和接入這三個步驟。但是在實際應用中,卻能讓整體搭建效率提高近10倍~

比較特殊的是,在【資料分發邏輯與資料配置】的過程中,需要注意以下配置流程:

①原始資料:待分發給标題、翻牌器元件。

②自定義元件辨別:給标題、翻牌器自定義輸入辨別。

③資料處理:由過濾器處理為标準資料格式。

④資料分發:完成資料分發,資料驅動多執行個體生成(三條資料則完成3個執行個體)

元件容器來襲,自定義“積木式組裝” 突破搭建難題!

總結來看,元件容器以自定義“積木式組裝”的形式,不僅使重複元件搭建更靈活、資料接入更便利,更豐富了更多如交通車輛監控、倉庫裝置管理、銷售訂單管理、水利工程建設、電商資料看闆等複雜可視化場景。

還想了解更多功能細節?點選「元件容器」操作指南:https://easyv.cloud/help/docs/vhbm0z4l5ser9026.html,進入幫助文檔,内有案例Demo等多種資料,僅需3min即可快速上手。

更多數字孿生項目咨詢&低代碼數字孿生平台免費試用:https://easyv.cloud/?t=toutiaomf

元件容器來襲,自定義“積木式組裝” 突破搭建難題!