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