V3: Dischart chart

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
<div id="chartdiv" style="width: 450px; height: 120px;"></div>

JavaScript

var chart;

var chartData = [
    {
        "country": "USA",
        "value1": 500,
        "value2": 328
    }
];


AmCharts.ready(function () {
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = chartData;
    chart.categoryField = "country";
    chart.rotate = true;
    // the following two lines makes chart 3D
    
    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.gridPosition = "start";
    
    // value
    var valueAxis = new AmCharts.ValueAxis();
    valueAxis.minorGridEnabled = true;
    valueAxis.minorGridAlpha = 0.05;
    valueAxis.position = "right";
    valueAxis.axisAlpha = 0;
    valueAxis.gridAlpha = 0.3;
    chart.addValueAxis(valueAxis);
    
    // GRAPH            
    var graph = new AmCharts.AmGraph();
    graph.valueField = "value1";
    graph.type = "column";
    graph.lineAlpha = 0;
    graph.fillAlphas = 1;
    chart.addGraph(graph);
    
    var graph = new AmCharts.AmGraph();
    graph.valueField = "value2";
    graph.type = "step";
    graph.lineAlpha = 1;
    graph.fillAlphas = 0;
    graph.lineThickness = 3;
    chart.addGraph(graph);
           
    
    // WRITE
    chart.write("chartdiv");
});