Test MT output
Highmaps demo
by kzoon
HTML
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/european-union.js"></script>
<div id="container"></div>
CSS
#container {
height: 600px;
min-width: 310px;
max-width: 1200px;
margin: 0 auto;
}
JavaScript
// Create the chart
Highcharts.mapChart('container', {
"chart": {
"reflow": false,
"type": "map",
"animation": false,
"borderRadius": 0,
"backgroundColor": "rgba(255,255,255,1)",
"plotBackgroundColor": "rgba(255,255,255,0)",
"spacingBottom": 10,
"scAnimateChanges": false,
"scAllowHidingSeries": true,
"scHandleHideOnServer": false,
"map": 'custom/european-union'
},
"drilldown": {},
"title": {
"text": "",
"margin": 0
},
"subtitle": {
"text": "",
"margin": 0
},
"legend": { "enabled": true },
"tooltip": {
"enabled": true,
"backgroundColor": "rgba(255,255,255,1)",
"style": {
"fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
"fontSize": "11px",
"color": "rgba(60,60,60,1)"
},
"useHTML": true,
"backgroundColor": "rgba(255,255,255,1)",
"hideDelay": 10,
"outside": true
},
"plotOptions": {
"map": {
"turboThreshold": 0,
"animation": false,
"shadow": false,
"stickyTracking": false,
"dataLabels": {
"enabled": false,
"borderColor": "rgba(0,0,0,1)",
"style": {
"fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
"fontSize": "11px",
"fontWeight": "normal",
"color": "rgba(60,60,60,1)",
"textOutline": false,
"textAlign": "center"
},
"allowOverlap": true,
"useHTML": true,
"scFormat": { "yValue": {...