蜘蛛图 | JShare

var chart = Highcharts.chart('container', {
		chart: {
				polar: true,
				type: 'line'
		},
		title: {
				text: '预算与支出',
				x: -80
		},
		pane: {
				size: '80%'
		},
		xAxis: {
				categories: ['销售', '市场营销', '发展', '客户支持',
										 '信息技术', '行政管理'],
				tickmarkPlacement: 'on',
				lineWidth: 0
		},
		yAxis: {
				gridLineInterpolation: 'polygon',
				lineWidth: 0,
				min: 0
		},
		tooltip: {
				shared: true,
				pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
		},
		legend: {
				align: 'right',
				verticalAlign: 'top',
				y: 70,
				layout: 'vertical'
		},
		series: [{
				name: '预算拨款',
				data: [43000, 19000, 60000, 35000, 17000, 10000],
				pointPlacement: 'on'
		}, {
				name: '实际支出',
				data: [50000, 39000, 42000, 31000, 26000, 14000],
				pointPlacement: 'on'
		}]
});

<div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>

{"doctype":0,"resouces":"3,5,7,https://code.hcharts.cn/plugins/zh_cn.js","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"}

蜘蛛图 | JShare

模板（查看所有模板）