Библиотеки

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({
	chart: {
		marginTop: 100,
	},
	xAxis: {
		categories: ['2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015']
	},
	yAxis: [{ // Primary yAxis
		title: { text: '' },
		gridLineDashStyle: 'dot',
		gridLineColor: '#ccc',
	}, { // Secondary yAxis
		gridLineDashStyle: 'dot',
		gridLineColor: '#ccc',
		labels: { format: '{value}' },
		opposite: true
	}],
    plotOptions: {
        series: {
            pointWidth: null
        }
    },
	tooltip: {
		shared: true,
		headerFormat: '',
		pointFormat: '<span style="color:{series.color}">{series.name}: {point.y}</span><br/>'
	},
	series: [{
		name: 'Платформы электронных библиотечных ресурсов, доступных по онлайн-подписке',
		type: 'column',
		data: [33, 32, 37, 37, 39, 50, 53, 52, 46],
	}, {
		name: 'Количество читальных залов',
		type: 'column',
		data: [7, 7, 7, 7, 7, 9, 9, 10, 12],
	}, {
		yAxis: 1,
		name: 'Количество печатных экземпляров документов',
		type: 'line',
		data: [455938, 496121, 514775, 554882, 577310, 655863, 721801, 699449, 713806],
		dataLabels: {
            enabled: true,
            format: '<span style="color:{series.color}">{y:, ,0f}</span.'
        }
	}],
	legend: {
		symbolWidth: 0,
		// symbolPadding: 0,
		layout: 'vertical'
	}
})
});