Donut chart with labels inside
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/pie.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;
font-size : 11px;
font-weight:bold;
}
JavaScript
AmCharts.makeChart("chartdiv", {
"type": "pie",
"theme": "none",
"dataProvider": [{
"title": "Creativity",
"value": 4852
}, {
"title": "Teamwork",
"value": 9899
}, {
"title": "Leadership",
"value": 9899
}, {
"title": "Curiosity",
"value": 9899
}, {
"title": "Detemmienation",
"value": 9899
}],
"titleField": "title",
"valueField": "value",
"labelRadius": -130,
"radius": "42%",
"innerRadius": "60%",
"labelText": "[[title]]"
});