最近可視化互動平臺,新增支持了SVG path底圖,可以用來靈活地創(chuàng)造出非常炫酷的可視化大屏,讓數(shù)據(jù)與圖例之間產(chǎn)生更符合更直觀的關(guān)聯(lián)。SVG底圖大大加強了數(shù)據(jù)圖表的表現(xiàn)力。
下面讓我們一起來了解一下平臺的布局路線圖吧!它能夠跟隨軌跡,正如你所看到的,一個元素(物體)沿著特定的路徑(軌跡)進行運動。
布局路線圖的動態(tài)效果展示,讓用戶眼睛跟隨大數(shù)據(jù)屏動畫自主移動匹配界面,從而提升感官刺激的效果,保持了交互體驗的一致性,讓基于此效果的交互不易疲乏。
那么在可視化互動平臺是如何實現(xiàn)布局路線圖的動畫效果呢?下面小編帶你來體驗一下可視化互動平臺是如何零代碼實現(xiàn)布局路線圖。
操作步驟:
Step 1: 在“設(shè)計界面”的左側(cè)菜單依次點擊【組件】、【其他圖表】,點擊布局路線圖拖拽到設(shè)計畫布,就可以生成圖例。如下圖,簡單一步就可以畫出布局路線圖的動畫效果。
Step 2:在這里,你可以選擇替換根據(jù)你的個性化設(shè)計的布局路線圖,當然這里要求的格式是SVG矢量圖格式,點擊選擇后上傳替換即可。還有更多個性化的效果你可以根據(jù)實際情況進行調(diào)整修改(包括路線寬度、樣式、標記形狀等)滿足你的不同視覺體驗。
Step 3:到這里就可以上數(shù)據(jù)啦,點擊右側(cè)【數(shù)據(jù)】,在簡單配置下,單擊內(nèi)容或列名單元格可修改;右鍵點擊內(nèi)容或列名單元格顯示操作菜單;按住“Shift”選擇多行或多列。或者復(fù)制你已經(jīng)提前準備好的Excel表格數(shù)據(jù),復(fù)制貼粘,點擊預(yù)覽就可以馬上在畫布中展示。是不是很簡單?(當然這里的數(shù)據(jù)指的是路線圖的x軸和Y軸的位置,在調(diào)整和修改時需要根據(jù)實際圖形路線位置進行調(diào)整。)
當然在這里你也可以選擇在專業(yè)配置下,選擇動態(tài)數(shù)據(jù),或者數(shù)據(jù)庫、API等選擇。
也可以在專業(yè)模式下,選擇自定義修改系統(tǒng)數(shù)據(jù),可以根據(jù)提供的模板文件或者處理器,設(shè)置好數(shù)據(jù)配置,點擊刷新就可以立即展示了。(簡單和專業(yè)配置模式,靈活選擇,滿足不同人員的需求,讓操作更簡單。)
Step:4: 數(shù)據(jù)配置完成了,你還可以根據(jù)喜好或者需求來調(diào)整圖表路線的顏色、動畫等屬性(如下圖),平臺提供了7大類個性化屬性供你選擇,完美實現(xiàn)你的個性化轉(zhuǎn)換。
怎么樣?在平臺是不是可以簡單配置,零代碼操作就可以實現(xiàn)你的數(shù)據(jù)可視化要求。還有更多的可視化圖表等你來體驗。
下圖是小編在做城市社區(qū)衛(wèi)生服務(wù)情況大屏?xí)r應(yīng)用的布局路線圖組件,讓你更直觀地跟隨動畫路線,更直觀、一目了然,帶給你不一樣的視覺體驗。