极地图 | JShare

var chart = Highcharts.chart('container', {
		chart: {
				polar: true
		},
		title: {
				text: '极地图'
		},
		pane: {
				startAngle: 0,
				endAngle: 360
		},
		xAxis: {
				tickInterval: 45,
				min: 0,
				max: 360,
				labels: {
						formatter: function () {
								return this.value + '°';
						}
				}
		},
		yAxis: {
				min: 0
		},
		plotOptions: {
				series: {
						pointStart: 0,
						pointInterval: 45
				},
				column: {
						pointPadding: 0,
						groupPadding: 0
				}
		},
		series: [{
				type: 'column',
				name: '柱形',
				data: [8, 7, 6, 5, 4, 3, 2, 1],
				pointPlacement: 'between'
		}, {
				type: 'line',
				name: '线',
				data: [1, 2, 3, 4, 5, 6, 7, 8]
		}, {
				type: 'area',
				name: '面积',
				data: [1, 8, 2, 7, 3, 6, 4, 5]
		}]
});

<div id="container" style="min-width: 310px; max-width: 400px; 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

模板（查看所有模板）