如何用js实现动态画数据关系图

JavaScript014

如何用js实现动态画数据关系图,第1张

1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中

2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来

3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。

jQuery只是一个DOM工具库，要绘图的话要采用其它技术配合，一般就是三种：VML（针对IE内核浏览器）、SVG、Canvas（针对支持HTML5的浏览器）。你可以看看百度的echarts、或者国外的D3.js。从功能角度讲，D3比echarts强大多了。不过echarts因为是百度的，所以中文文档多。

你说的关系图，可以用弦图（chord）或者力导向图（force）来表示。

没有例子，不太明白你想要什么。。。。从图看职能是ps出来的切到网站上

不过做图表的特效倒是有，和你给的不太一样

你看看这个是不是你想要的效果

http://hci.stanford.edu/jheer/files/zoo/ex/networks/force.html

下面是合集地址

http://queue.acm.org/detail.cfm?id=1805128