Динамика доходов от программ ВО и численности платных студентов (Москва)

by Max Shu

HTML

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

JavaScript

$(function () {
	$('#container').highcharts({
    title: {text: 'Динамика доходов от программ ВО и численности платных студентов (Москва)'},
	xAxis: {
		categories: ['09/10', '10/11', '11/12', '12/13', '13/14', '14/15']
	},
	yAxis: [{ // Primary yAxis
		labels: { format: '{value}' },
		title: { text: 'Количество обучающихся, чел.' },
		gridLineDashStyle: 'dot',
		gridLineColor: '#ccc',
	}, { // Secondary yAxis
		title: { text: 'Доходы, млн. руб.' },
		gridLineDashStyle: 'dot',
		gridLineColor: '#ccc',
		labels: { format: '{value}' },
		opposite: true
	}],
	tooltip: {
		shared: true,
		headerFormat: '',
		pointFormat: '<span style="color:{series.color}">{series.name}: {point.y}</span><br/>'
	},
	series: [{
		name: 'Студенты 1-го курса, обучающиеся на платных местах',
		type: 'column',
		data: [ 1675, 1497, 1177, 1570, 2009, 1502],
		tooltip: {
			valueSuffix: ' чел.'
		},
		// color: '#0941af',
	}, {
		name: 'Всего обучающихся на платных местах',
		type: 'column',
		data: [ 4208, 4414, 4322, 5306, 5561, 5680],
		tooltip: {
			valueSuffix: ' чел.'
		},
		// color: '#eb4146',
	}, {
		yAxis: 1,
		name: 'Полученный доход',
		type: 'line',
		data: [ 897,  1013,  1064,  1043,  1264,  1391],
		tooltip: {
			valueSuffix: ' млн руб.'
		},
		// color: '#0941af',
	}],
	legend: {
		symbolWidth: 0,
		symbolPadding: 0,
	}
})
});