Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 600px"></div>

JavaScript

$(function () {
	$('#container').highcharts({

		chart: {
			type: 'bar'
		},

		title: {
			text: ''
		},

		xAxis: {
			reversed: false,
			categories: ['2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014']
		},

		yAxis: {
            reversedStacks: false,
			title: {
				text: ''
			}
		},

		tooltip: {
			formatter: function () {
                var stackKey = this.series.stackKey
                stackKey = stackKey.replace(/^bar/, '');
				return '<b>' + stackKey + '</b><br/>' +
				this.series.name + ': ' + this.y + '<br/>' +
				'Total: ' + this.point.stackTotal;
			}
		},

		plotOptions: {
			bar: {
				stacking: 'normal'
			}
		},

		series: [{
			name: 'Оперативное управление',
			data: [132550, 132550, 139575, 138071, 145096, 147543, 180397, 159195, 195438],
			stack: 'Учебно-лабораторные здания',
			color: '#293BA3',
		}, {
			name: 'Оперативное управление',
			data: [37345, 37345, 37345, 38162, 71232, 71232, 120668, 150592, 147757],
			stack: 'Общежития и гостиницы',
			color: '#293BA3',
			linkedTo: ':previous'
		}, {
			name: 'Оперативное управление',
			data: [15383, 22408, 31761, 64189, 57164, 67268, 81413, 117669, 121734],
			stack: 'Прочие здания',
			color: '#293BA3',
			linkedTo: ':previous'
		}, {
			name: 'Аренда',
			data: [426, 426, 426, 1076, 1076, 2974, 6646, 18614, 23698],
			stack: 'Учебно-лабораторные здания',
			color: '#D9112D',
		}, {
			name: 'Аренда',
			data: [0, 0, 0, 0, 0, 0, 0, 0, 0],
			stack: 'Общежития и гостиницы',
			color: '#D9112D',
			linkedTo: ':previous'
		}, {
			name: 'Аренда',
			data: [0, 0, 0, 0, 0, 0, 0, 1540, 3128],
			stack: 'Прочие здания',
			color: '#D9112D',
			linkedTo: ':previous'
		}, {
			name: 'Безвозмездное пользование',
			data: [2231, 5788, 5788, 5788, 5788, 5788, 6695, 6695, 20194],
			stack: 'Учебно-лабораторные здания',
			color: '#60A520',
		}, {
			name: 'Безвозмездное пользование',
			data: [6873, 6873, 6873, 6873, 6873, 6873, 6873, 6873, 6873],
			stack: 'Общежития и...