V3: Save as image
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/amexport.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/canvg.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/rgbcolor.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/jspdf.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/filesaver.js"></script>
<script src="http://www.amcharts.com/lib/3/exporting/jspdf.plugin.addimage.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
JavaScript
var chart;
var chartData = [{
"country": "United States",
"visits": 9252
}, {
"country": "China",
"visits": 1882
}, {
"country": "Japan",
"visits": 1809
}, {
"country": "Germany",
"visits": 1322
}, {
"country": "United Kingdom",
"visits": 1122
}, {
"country": "France",
"visits": 1114
}, {
"country": "India",
"visits": 984
}, {
"country": "Spain",
"visits": 711
}];
AmCharts.makeChart("chartdiv", {
type: "pie",
dataProvider: chartData,
titleField: "country",
valueField: "visits",
startEffect: "elastic",
innerRadius: "30%",
startDuration: 1,
labelRadius: 15,
balloonText: "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
depth3D: 10,
angle: 20,
exportConfig: {
menuTop: "21px",
menuBottom: "auto",
menuRight: "21px",
backgroundColor: "#efefef",
menuItemStyle: {
backgroundColor: '#EFEFEF',
rollOverBackgroundColor: '#DDDDDD'
},
menuItems: [{
textAlign: 'center',
icon: 'http://www.amcharts.com/lib/3/images/export.png',
title: 'export',
items: [{
title: 'JPG',
format: 'jpg'
}]
}]
}
});