#9381

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/worldLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

var map = AmCharts.makeChart("chartdiv", {

	"type": "map",
    "theme": "none",
    "pathToImages": "http://www.amcharts.com/lib/3/images/",

	"dataProvider": {
     "map": "worldLow",
        "areas": [
            { id: "US" },
            { id: "FR" },
            { id: "AU" }
        ]
	},
	"areasSettings": {
      color: "#00cc00", // active areas will be colored green
      unlistedAreasColor: "#cccccc" // inactive areas will be colored grey
	},
	"smallMap": {}
});