#8393

by amcharts

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/maps/js/worldHigh.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
<div id="info">

CSS

#chartdiv {
	width	: 480px;
	height	: 300px;
}
#info {
	width	: 480px;
    padding: 10px;
    background-color: #ffffff;
}
#info p {
    margin: 5px;
}

JavaScript

var map = AmCharts.makeChart("chartdiv", {
	type: "map",
    "theme": "none",
    pathToImages: "http://www.amcharts.com/lib/3/images/",

	colorSteps: 10,

	dataProvider: {
		map: "worldHigh",
        zoomLatitude: 54.214708,
        zoomLevel: 3.6139,
        zoomLongitude: 10.347274,
	
		areas: [{
			id: "AT",
			color:"#00257a",
			rollOverColor:"#98c6ea",
			rollOverOutlineColor:"#98c6ea",
			selectedColor:"#007c92",
			info: "<div class='pod pod-layout-default'><h2>General information</h2></div><table width=480px><tr><td align=left width=50%><P><SPAN class=ms-rteCustom-IntroCopy><font color=#007c92>In euro zone (Y/N)</font></SPAN></P></td><td width=50% align=left><P><SPAN class=ms-rteCustom-IntroCopy>Y</SPAN></P></td></tr><tr><td width=50% align=left><P><SPAN class=ms-rteCustom-IntroCopy><font color=#007c92>Local name of VAT</font></SPAN></P></td><td width=50%><P><SPAN class=ms-rteCustom-IntroCopy>Umsatzsteuer (Ust) or Mehrwertsteuer (MwSt)</SPAN></P></td></tr></table><HR style='BACKGROUND-COLOR: #c1ddf8; HEIGHT: 1px; COLOR: #c1ddf8 !important'><br /><div class='pod pod-layout-default'><h2>Tax rates</h2></div><table width=480px><tr><td align=left width=50%><P><SPAN class=ms-rteCustom-IntroCopy><font color=#007c92>Standard rate (%)</font></SPAN></P></td><td width=50% align=left><P><SPAN class=ms-rteCustom-IntroCopy>20</SPAN></P></td></tr><tr><td width=50% align=left><P><SPAN class=ms-rteCustom-IntroCopy><font color=#007c92>Reduced rates (%)</font></SPAN></P></td><td width=50% align=left><P><SPAN class=ms-rteCustom-IntroCopy>19; 12; 10</SPAN></P></td></tr></table><HR style='BACKGROUND-COLOR: #c1ddf8; HEIGHT: 1px; COLOR: #c1ddf8 !important'><br /><div class='pod pod-layout-default'><h2>13th Directive (non-EU claimants)</h2></div><table><tr><td align=left width=50%><P><SPAN class=ms-rteCustom-IntroCopy><font color=#007c92>Reciprocity condition applicable to non-EU claimants? (Y / N)</font></SPAN></P></td><td width=50% align=left><P><SPAN...