议会（项目）图 | JShare

Highcharts.chart('container', {
	chart: {
		type: 'item'
	},
	title: {
		text: 'Highcharts item chart'
	},
	subtitle: {
		text: 'Parliament visualization'
	},
	legend: {
		labelFormat: '{name} <span style="opacity: 0.4">{y}</span>'
	},
	series: [{
		name: 'Representatives',
		keys: ['name', 'y', 'color', 'label'],
		data: [
			['The Left', 69, '#BE3075', 'DIE LINKE'],
			['Social Democratic Party', 153, '#EB001F', 'SPD'],
			['Alliance 90/The Greens', 67, '#64A12D', 'GRÜNE'],
			['Free Democratic Party', 80, '#FFED00', 'FDP'],
			['Christian Democratic Union', 200, '#000000', 'CDU'],
			['Christian Social Union in Bavaria', 46, '#008AC5', 'CSU'],
			['Alternative for Germany', 94, '#009EE0', 'AfD']
		],
		dataLabels: {
			enabled: true,
			format: '{point.label}'
		},
		// Circular options
		center: ['50%', '88%'],
		size: '170%',
		startAngle: -100,
		endAngle: 100
	}]
});

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

#container {
	max-width: 800px;
	margin: 1em auto;
}
input[type="number"] {
	min-width: 50px;
}

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

议会（项目）图 | JShare

模板（查看所有模板）