D3弦图制作

弦图主要是用来表示一组元素之间的联系,弦图分为两部分,外部的节点和内部的弦。从一个元素到另外一个元素绘制弧,表示两个元素相关,弧的宽度表示权重,这就是弦。弦图的绘制,主要包括创建弦图布局对象、确定初始数据然后转换数据、添加节点和弦、添加文字、添加交互效果等。
访问地址:http://106.14.147.72/Graphtest/chord-interactive.html
1.初始化数据

    var continent = [ "亚洲" , "欧洲" , "非洲" , "美洲" , "大洋洲"  ];

        // 各州人口的来源,如
        //              亚洲      美洲
        //  亚洲      9000        1000
        //  美洲      7000        500
        // 该矩阵表示:
        // 1.亚洲的人口:有9000是本地人,有1000人是来自美洲的移民,总人口为 9000 + 1000
        // 2.美洲的人口:有500是本地人,有7000人是来自亚洲的移民,总人口为 500 + 7000

        var population = [
          [ 9000,  870  , 3000 , 1000 , 5200 ],
          [ 3400,  8000 , 2300 , 4922 , 374  ],
          [ 2000,  2000 , 7700 , 4881 , 1050 ],
          [ 3000,  8012  , 5531  , 500  , 400  ],
          [ 3540,  4310 , 1500  , 1900 , 300 ]
        ]; 

2.创建对象转换数据

var width  = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值