桑基图 | JShare

Highcharts.chart('container', {
	title: {
		text: 'Highcharts 桑基图'
	},
	series: [{
		keys: ['from', 'to', 'weight'],
		data: [
			['巴西', '葡萄牙', 5 ],
			['巴西', '法国', 1 ],
			['巴西', '西班牙', 1 ],
			['巴西', '英国', 1 ],
			['加拿大', '葡萄牙', 1 ],
			['加拿大', '法国', 5 ],
			['加拿大', '英国', 1 ],
			['墨西哥', '葡萄牙', 1 ],
			['墨西哥', '法国', 1 ],
			['墨西哥', '西班牙', 5 ],
			['墨西哥', '英国', 1 ],
			['美国', '葡萄牙', 1 ],
			['美国', '法国', 1 ],
			['美国', '西班牙', 1 ],
			['美国', '英国', 5 ],
			['葡萄牙', '安哥拉', 2 ],
			['葡萄牙', '塞内加尔', 1 ],
			['葡萄牙', '摩洛哥', 1 ],
			['葡萄牙', '南非', 3 ],
			['法国', '安哥拉', 1 ],
			['法国', '塞内加尔', 3 ],
			['法国', '马里', 3 ],
			['法国', '摩洛哥', 3 ],
			['法国', '南非', 1 ],
			['西班牙', '塞内加尔', 1 ],
			['西班牙', '摩洛哥', 3 ],
			['西班牙', '南非', 1 ],
			['英国', '安哥拉', 1 ],
			['英国', '塞内加尔', 1 ],
			['英国', '摩洛哥', 2 ],
			['英国', '南非', 7 ],
			['南非', '中国', 5 ],
			['南非', '印度', 1 ],
			['南非', '日本', 3 ],
			['安哥拉', '中国', 5 ],
			['安哥拉', '印度', 1 ],
			['安哥拉', '日本', 3 ],
			['塞内加尔', '中国', 5 ],
			['塞内加尔', '印度', 1 ],
			['塞内加尔', '日本', 3 ],
			['马里', '中国', 5 ],
			['马里', '印度', 1 ],
			['马里', '日本', 3 ],
			['摩洛哥', '中国', 5 ],
			['摩洛哥', '印度', 1 ],
			['摩洛哥', '日本', 3 ]
		],
		type: 'sankey',
		name: 'Sankey demo series'
	}]
});

<div id="container"></div>

#container {
	min-width: 300px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto;
	border: 1px solid silver;
}

{"doctype":0,"resouces":"3,7,54,63","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":""}

桑基图 | JShare

模板（查看所有模板）