map: Show value in balloon
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
AmCharts.makeChart("chartdiv", {
"type": "map",
"theme": "none",
"pathToImages": "http://www.amcharts.com/lib/3/images/",
"dataProvider": {
"map": "worldLow",
"areas": [
{ id: "US", value: 10000, description: "sd" },
{ id: "CA", value: 3000 },
{ id: "FR", value: 2500 },
{ id: "GB", value: 4500 }
]
},
"areasSettings": {
"autoZoom": true,
"selectedColor": "#CC0000",
"balloonText": "[[value]] ,[[description]], jobs available in [[title]]"
},
"smallMap": {}
});