布局路线图，空间布局与数据可视化的完美结合

最近平台新增支持了SVG path底图，可以用来灵活地创造出非常炫酷的可视化大屏，让数据与图例之间产生更符合更直观的关联。SVG底图大大加强了数据图表的表现力。

下面让我们一起来了解一下平台的布局路线图吧！它能够跟随轨迹，正如你所看到的，一个元素（物体）沿着特定的路径（轨迹）进行运动。

布局路线图的动态效果展示，让用户眼睛跟随大数据屏动画自主移动匹配界面，从而提升感官刺激的效果，保持了交互体验的一致性，让基于此效果的交互不易疲乏。

那么在平台是如何实现布局路线图的动画效果呢？下面小编带你来体验一下在平台是如何零代码实现布局路线图。

操作步骤：

Step 1： 在“设计界面”的左侧菜单依次点击【组件】、【其他图表】，点击布局路线图拖拽到设计画布，就可以生成图例。如下图，简单一步就可以画出布局路线图的动画效果。

Step 2：在这里，你可以选择替换根据你的个性化设计的布局路线图，当然这里要求的格式是SVG矢量图格式，点击选择后上传替换即可。还有更多个性化的效果你可以根据实际情况进行调整修改（包括路线宽度、样式、标记形状等）满足你的不同视觉体验。

Step 3：到这里就可以上数据啦，点击右侧【数据】，在简单配置下，单击内容或列名单元格可修改；右键点击内容或列名单元格显示操作菜单；按住“Shift”选择多行或多列。或者复制你已经提前准备好的EXCEL表格数据，复制贴粘，点击预览就可以马上在画布中展示。是不是很简单？（当然这里的数据指的是路线图的x轴和Y轴的位置，在调整和修改时需要根据实际图形路线位置进行调整。）

当然在这里你也可以选择在专业配置下，选择动态数据，或者数据库、API等选择。

也可以在专业模式下，选择自定义修改系统数据，可以根据提供的模板文件或者处理器，设置好数据配置，点击刷新就可以立即展示了。（简单和专业配置模式，灵活选择，满足不同人员的需求，让操作更简单。）

Step:4： 数据配置完成了，你还可以根据喜好或者需求来调整图表路线的颜色、动画等属性（如下图），平台提供了7大类个性化属性供你选择，完美实现你的个性化转换。

怎么样？在平台是不是可以简单配置，零代码操作就可以实现你的数据可视化要求？还有更多的可视化图表等你来体验。

下图是小编在做城市社区卫生服务情况大屏时应用的布局路线图组件，让你更直观的跟随动画路线，更直观、一目了然，带给你不一样的视觉体验。

在平台还有更多精彩的可视化图表组件等你来体验，直接访问平台官网，免下载，免费注册即可使用。