Спортивные и оздоровительные клубы и секции

by Max Shu

HTML

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

JavaScript

$(function () {
    $('#container').highcharts({
	title: {
		text: 'Количество участников спортивных и оздоровительных клубов и секций НИУ ВШЭ (Москва), 2015 г.'
	},
	chart: {
		type: 'bar',
		marginTop: 75,
		marginLeft: 300
	},
	xAxis: {
        reversed: true,
		categories: ['Футбол', 'Тренажерные залы', 'Плавание', 'Шейпинг', 'Клуб «Экстремальные виды спорта»', 'Лечебная физкультура', 'Йога', 'Лыжи', 'Рукопашный бой', 'Алтимат-клуб', 'Турклуб', 'Волейбол', 'Бадминтон', 'Баскетбол', 'Настольный теннис', 'Подводное плавание', 'Хоккей', 'Шахматный клуб', 'Легкая атлетика', 'Художественная гимнастика', 'Черлидинг', 'Яхт-клуб', 'Биатлон', 'Гиревой спорт', 'Сенгенкан-айкидо (клуб)', 'Силовое троеборье', 'Ушу', 'Водное поло', 'Теннис'],
		labels: {
			formatter: function() {
				return this.value;
			},
		},
		tickLength: 0,
	},
	series: [{
		name: 'чел.',
		data: [700, 350, 150, 100, 100, 75, 50, 50, 50, 50, 50, 40, 30, 30, 30, 30, 30, 30, 25, 25, 25, 25, 20, 20, 20, 20, 20, 15, 15],
	}]	,
	yAxis: {
		allowDecimals: false,
	},
	tooltip: {
		headerFormat: '',
		pointFormat: '<span style="color:{series.color}">{point.category}: {point.y} чел.</span>'
	},
	plotOptions: {
		series: {
			dataLabels: {
				enabled: true,
			},
				pointPadding: 1,
				pointWidth: 15,
		},
	},
	legend: {
		enabled: false,
	}
});

});