Concentric chart

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/radar.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 chart = AmCharts.makeChart("chartdiv", {
    "type": "radar",
        "theme": "none",
        "dataProvider": [{
        "direction": "",
            "value": 0
    }],
        "valueAxes": [{
            "gridType": "circles",
            "minimum": 0,
            "autoGridCount": false,
            "axisAlpha": 0,
            "fillAlpha": 0,
            "fillColor": "#FFFFFF",
            "gridAlpha": 0,
            "labelsEnabled": false,
            "guides": [{
            "angle": 90,
                "fillAlpha": 1,
                "fillColor": "#0066CC",
                "tickLength": 1,
                "toAngle": 135,
                "toValue": 14,
                "value": 5,
                "lineAlpha": 0,

        }, {
            "angle": 0,
                "fillAlpha": 0.9,
                "fillColor": "#CC3333",
                "tickLength": 0,
                "toAngle": 360,
                "toValue": 5,
                "value": 0,
                "lineAlpha": 0
        }],

    }],
        "startDuration": 1,
        "graphs": [{
        //lloonText": "[[category]]: [[value]] m/s", 

        "valueField": "value",

    }],
        "categoryField": "direction",

});