开发需求背景
今天领导派了一个小活，要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面，集成到现有的iot平台上。
说到拓扑图，大家都也都比较清楚，能够清晰地表示网络链路的链接关系。
官方一点的解释是： 网络拓扑结构是指用传输媒体互连各种设备的物理布局（将参与LAN工作的各种设备用媒体互连在一起有多种方法，但是实际上只有几种方式能适合LAN的工作）。 网络拓扑图是指由网络节点设备和通信介质构成的网络结构图。
一般的拓扑图都是这样子的
还有这一种
这些设计图都是架构师使用软件画出来的，数据都是固定的，不支持动态修改，没有动效，而我们需要支持动态添加网络节点。需要有动效。
经过一天不歇的努力，终于在下班前做出来了一个原型图。
先给大家看看，下面来详细讲解如何使用echarts一步一步完成这个拓扑图的。
技术调研
接到需求后我调研了几个物联网仪表盘后，我觉得使用echart来试试，因为d3太难了。
