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