#7012

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<!--<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>-->
<div id="chartdiv"></div>
<input type="button" value="create chart" onclick="createChart()" />

CSS

#chartdiv-inside {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

function createChart() {
    // create new div within #chartdiv
    document.getElementById('chartdiv').innerHTML = '<div id="chartdiv-inside"></div>';
    
    var chart = AmCharts.makeChart("chartdiv-inside", {
        "type": "serial",
        "theme": "none",
        "dataProvider": [{
            "country": "USA",
            "visits": 2025
        }, {
            "country": "China",
            "visits": 1882
        }, {
            "country": "Japan",
            "visits": 1809
        }, {
            "country": "Germany",
            "visits": 1322
        }, {
            "country": "UK",
            "visits": 1122
        }, {
            "country": "France",
            "visits": 1114
        }, {
            "country": "India",
            "visits": 984
        }, {
            "country": "Spain",
            "visits": 711
        }, {
            "country": "Netherlands",
            "visits": 665
        }, {
            "country": "Russia",
            "visits": 580
        }, {
            "country": "South Korea",
            "visits": 443
        }, {
            "country": "Canada",
            "visits": 441
        }, {
            "country": "Brazil",
            "visits": 395
        }],
        "valueAxes": [{
            "gridColor":"#FFFFFF",
            "gridAlpha": 0.2,
            "dashLength": 0
        }],
        "gridAboveGraphs": true,
        "startDuration": 1,
        "graphs": [{
            "balloonText": "[[category]]: <b>[[value]]</b>",
            "fillAlphas": 0.8,
            "lineAlpha": 0.2,
            "type": "column",
            "valueField": "visits"		
        }],
        "chartCursor": {
            "categoryBalloonEnabled": false,
            "cursorAlpha": 0,
            "zoomable": false
        },
        "categoryField": "country",
        "categoryAxis": {
            "gridPosition": "start",
            "gridAlpha": 0
        },
        "exportConfig":{
          "menuTop": 0,
          "menuItems": [{
...