弦图（Echarts）

弦图

弦图主要用来表示一组节点之间的联系关系，包括外部节点和内部连接节点的边。其中，边的宽度表示对应边的权重，即弦。并且弦是带有方向的，所以在绘制弦图我们一般是以一个环形来布局。

本篇博客以港口间的海运贸易数据为例，下图为最后的渲染效果：

数据格式

1、港口数据集合，包括了港口代号和港口贸易频次：

var ports = [
	{
   name:"48263",value:1717},  //港口索引+港口贸易频次
	{
   name:"48262",value:1625},
	{
   name:"43388",value:626},
	... ...
]

2、货流数据集合，包括OD港口代码以及对应的货流贸易频次：

var links = [
	{
   source:"48263",target:"48262",value:544},  //O点港口索引，D点港口索引，货流贸易频次