Доля иностранных студентов в общей численности

by Max Shu

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 310px; max-width: 600px; height: 360px; margin: 0 auto"></div>

JavaScript

$(function () {
	$('#container').highcharts({
	chart: {
		type: 'bar',
		spacingRight: 100,
	},
  title: {
		text: 'Доля иностранных студентов в общей численности'
	},
	yAxis: {
		tickInterval: 5,
	},
	xAxis: {
		categories: ['2013', '2014', '2015'].reverse(),
		tickLength: 5,
		labels: {
			formatter: function() {
				return this.value;
			},
		},
	},
	series: [{
		name: 'Москва',
		data: [4, 4.5, 7.4].reverse(),
	}, {
		name: 'Санкт-Петербург',
		data: [1.0, 1.5, 4.2].reverse()
	}, {
		name: 'Нижний Новгород',
		data: [0.2, 0.3, 1.7].reverse()
	}, {
		name: 'Пермь',
		data: [0.1, 0.3, 0.4].reverse()
	}, ],
	tooltip: {
		headerFormat: '{point.key}<br/>',
		pointFormat: '<span style="color:{series.color}">{series.name}: {point.y}%</span><br/>',
		shared: true,
	},
	plotOptions: {
		series: {
      groupPadding: 0.1,
			pointPadding: 0.5,
			pointWidth: 13,
			dataLabels: {
				format: '<span style="color: {series.color}">{y}%</span>'
			},
		}
	}
})
});