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等作爲練習的，希望對新手有一定的幫助。