Рис. 4. Распределение региональных систем…

by Max Shu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/ru/custom/ru-all-disputed.js"></script>
<div id="container"></div>

CSS

.splash__text {margin: 3.5em 4.7em 7em 4.7em;}

    #container {
	height: 500px; 
	min-width: 310px; 
	width: 100%; 
	margin: 0 auto; 
}
.loading {
	margin-top: 10em;
	text-align: center;
	color: gray;
}
.scope {
	font-size:24px;
	font-family: 'FuturaPTWebDemi', "Helvetica Neue", Arial, sans-serif;
}
.scope, .numbers {
}

.highcharts-tooltip>span {
	padding: 10px;
	white-space: normal !important;
	width: 400px;
}

.icon {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -35px;
	top: 35px;
	background: url(//hse.ru/mirror/pubs/share/174245803) no-repeat;
}

.icon.gmu		{background-position: -40px 0;}
.icon.build		{background-position: -80px 0;}
.icon.journal	{background-position: -120px 0;}
.icon.history	{background-position: -160px 0;}
.icon.lang		{background-position: -200px 0;}
.icon.media		{background-position: -240px 0;}
.icon.mngmnt	{background-position: -280px 0;}
.icon.world		{background-position: -320px 0;}
.icon.polit		{background-position: -360px 0;}
.icon.appmath	{background-position: -400px 0;}
.icon.psycho	{background-position: -440px 0;}
.icon.social	{background-position: -480px 0;}
.icon.international	{background-position: -520px 0;}
.icon.philos	{background-position: -560px 0;}
.icon.finance	{background-position: -600px 0;}
.icon.economic	{background-position: -640px 0;}
.icon.jury		{background-position: -680px 0;}
.icon.math		{background-position: -720px 0;}
.icon.logist	{background-position: -760px 0;}

JavaScript

$(function () {

var regions_data = [
{
	'name_ru': 'Алтайский край',
	'hc-key': 'ru-ga',
	'value': 97,
	'field1_name': 'Место',
	'field1_value': '52'
}, {
	'name_ru': 'Амурская область',
	'hc-key': 'ru-am',
	'value': 140,
	'field1_name': 'Место',
	'field1_value': '59'
}, {
	'name_ru': 'Архангельская область',
	'hc-key': 'ru-ar',
	'value': 235,
	'field1_name': 'Место',
	'field1_value': '71'
}, {
	'name_ru': 'Астраханская область',
	'hc-key': 'ru-as',
	'value': 69,
	'field1_name': 'Место',
	'field1_value': '39'
}, {
	'name_ru': 'Белгородская область',
	'hc-key': 'ru-bl',
	'value': 63,
	'field1_name': 'Место',
	'field1_value': '32–34'
}, {
	'name_ru': 'Брянская область',
	'hc-key': 'ru-br',
	'value': 53,
	'field1_name': 'Место',
	'field1_value': '27–28'
}, {
	'name_ru': 'Владимирская область',
	'hc-key': 'ru-vl',
	'value': 32,
	'field1_name': 'Место',
	'field1_value': '7–8'
}, {
	'name_ru': 'Волгоградская область',
	'hc-key': 'ru-vg',
	'value': 89,
	'field1_name': 'Место',
	'field1_value': '49'
}, {
	'name_ru': 'Вологодская область',
	'hc-key': 'ru-vo',
	'value': 198,
	'field1_name': 'Место',
	'field1_value': '66'
}, {
	'name_ru': 'Воронежская область',
	'hc-key': 'ru-vr',
	'value': 63,
	'field1_name': 'Место',
	'field1_value': '32–34'
}, {
	'name_ru': 'г. Севастополь',
	'hc-key': 'ru-sc',
	'value': 0,
	'field1_name': 'Место',
	'field1_value': '–'
}, {
	'name_ru': 'Еврейская автономная область',
	'hc-key': 'ru-yv',
	'value': 145,
	'field1_name': 'Место',
	'field1_value': '61'
}, {
	'name_ru': 'Забайкальский край',
	'hc-key': 'ru-ct',
	'value': 331,
	'field1_name': 'Место',
	'field1_value': '76'
}, {
	'name_ru': 'Ивановская область',
	'hc-key': 'ru-iv',
	'value': 48,
	'field1_name': 'Место',
	'field1_value': '21–22'
}, {
	'name_ru': 'Иркутская область',
	'hc-key': 'ru-ir',
	'value': 230,
	'field1_name': 'Место',
	'field1_value': '70'
}, {
	'name_ru': 'Кабардино-Балкарская Республика',
	'hc-key': 'ru-kb',
	'value': 41,
	'field1_name': 'Место',
	'field1_value':...