和弦图 | JShare

Highcharts.chart('container', {
	title: {
		text: 'Highcharts 和弦图'
	},
	series: [{
		keys: ['from', 'to', 'weight'],
		data: [
			['Brazil', 'Portugal', 5],
			['Brazil', 'France', 1],
			['Brazil', 'Spain', 1],
			['Brazil', 'England', 1],
			['Canada', 'Portugal', 1],
			['Canada', 'France', 5],
			['Canada', 'England', 1],
			['Mexico', 'Portugal', 1],
			['Mexico', 'France', 1],
			['Mexico', 'Spain', 5],
			['Mexico', 'England', 1],
			['USA', 'Portugal', 1],
			['USA', 'France', 1],
			['USA', 'Spain', 1],
			['USA', 'England', 5],
			['Portugal', 'Angola', 2],
			['Portugal', 'Senegal', 1],
			['Portugal', 'Morocco', 1],
			['Portugal', 'South Africa', 3],
			['France', 'Angola', 1],
			['France', 'Senegal', 3],
			['France', 'Mali', 3],
			['France', 'Morocco', 3],
			['France', 'South Africa', 1],
			['Spain', 'Senegal', 1],
			['Spain', 'Morocco', 3],
			['Spain', 'South Africa', 1],
			['England', 'Angola', 1],
			['England', 'Senegal', 1],
			['England', 'Morocco', 2],
			['England', 'South Africa', 7],
			['South Africa', 'China', 5],
			['South Africa', 'India', 1],
			['South Africa', 'Japan', 3],
			['Angola', 'China', 5],
			['Angola', 'India', 1],
			['Angola', 'Japan', 3],
			['Senegal', 'China', 5],
			['Senegal', 'India', 1],
			['Senegal', 'Japan', 3],
			['Mali', 'China', 5],
			['Mali', 'India', 1],
			['Mali', 'Japan', 3],
			['Morocco', 'China', 5],
			['Morocco', 'India', 1],
			['Morocco', 'Japan', 3],
			['Japan', 'Brazil', 1]
		],
		type: 'dependencywheel',
		name: 'Dependency wheel series',
		dataLabels: {
			color: '#333',
			textPath: {
				enabled: true,
				attributes: {
					dy: 5
				}
			},
			distance: 10
		},
		size: '95%'
	}]
});

<div id="container"></div>
<script src="https://code.hcharts.cn/highcharts/modules/dependency-wheel.js"></script>

#container {
	min-width: 300px;
	max-width: 800px;
	height: 500px;
	margin: 1em auto;
	border: 1px solid silver;
}
#csv {
	display: none;
}

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

和弦图 | JShare

模板（查看所有模板）