JS-SVG练习之关系图

下载地址：

http://download.csdn.net/detail/hai8902882/6526455

其中包含2个项目：

datavisual：关系图项目

采用SPRING STRUTS MYBATIS三大框架简单利用，将数据在后台处理后，再传到前台显示。

randomRelationsData：随即生成客户交易数据

随即生成数据格式如下：

A142 C44 92300       (客户A142 向 客户C44 打帐92300元)
CAC BC 35900
B23 EBE2 60800

某XX中想要了解客户间的交易情况，将数据图形化展现，即展现关系图(将来的大数据可视化)。

描述如下：
1、每个客户用圆表示，客户间关系使用直线表示；
2、某客户与之相关系的客户越多，即该客户的圆半径越大，反之；
3、两客户间的交易总数越大，即直线越粗，反之；
4、鼠标放在圆上，即显示该客户的交易详情，信息包括客户ID、关联客户总数、

出账总金额、入账总金额；
5、点击圆，即出账、入账交易动态动画展示；

JS接口说明：
function paint(data, enableShowLines, enableStrongLines);

data: 客户交易数据
enableShowLines: 是否显示所有的关系，即是否显示所有直线

enableStrongLines: 当鼠标在圆上时，是否使该客户的关系直线加粗

做法：

        自己写了个

注意：
    为了熟悉JS等作为练习的，希望对新手有一定的帮助。