<script type="text/javascript">
	Highcharts.mapChart({
		chart: {
			"renderTo":"map1",
			"backgroundColor":"rgba(14,14,15,0.8)",
			"map":"custom/world",
			spacingBottom: 20,
			events: {
				load: function(){
					console.log(this);
					// this.get('fr').zoomTo();
					this.mapZoom(0.3);   
				}
			}
		},

		title: {
			"text":"fact_files",
			"style":{
				"color":"#FFF",
				"fontFamily":"Roboto Condensed"
			}
		},

		legend: {
			"enabled": false
		},

		series: [{
			"name":"Country",
			"data": [
				{
					'code': 'lu',
					'value': 1
				},
				{
					'code': 'ch',
					'value': 1
				},
				{
					'code': 'fr',
					'value': 10
				},
				{
					'code': 'de',
					'value': 1
				},
				{
					'code': 'es',
					'value': 1
				}
			],
			joinBy: ['hc-key', 'code'],
			dataLabels: {
				enabled: true,
				color: '#FFFFFF',
				formatter: function () {
					if (this.point.value) {
						return this.point.name;
					}
				}
			},
			tooltip: {
				headerFormat: '',
				pointFormat: '{point.name}'
			},
			point: {
				events: {
					click: pointClick
				}
			},
		}],

		mapNavigation: {
			"enabled":true,
			"enableButtons":true
		},

		credits: {
			"enabled":false
		}

	});
</script>
