Simple Pie Chart with requireJS
HTML
<script src="http://requirejs.org/docs/release/2.1.11/minified/require.js"></script>
<script src="//cdn.amcharts.com/lib/3/amcharts.js"></script>
<script src="//cdn.amcharts.com/lib/3/pie.js"></script>
<div id="chartdiv" style="width: 600px; height: 400px;"></div>
JavaScript
// SETUP CONFIG
requirejs.config({
// Define paths; relative from js folder
paths: {
'amcharts' : '//cdn.amcharts.com/lib/3/amcharts',
'amcharts.funnel' : '//cdn.amcharts.com/lib/3/funnel',
'amcharts.gauge' : '//cdn.amcharts.com/lib/3/gauge',
'amcharts.pie' : '//cdn.amcharts.com/lib/3/pie',
'amcharts.radar' : '//cdn.amcharts.com/lib/3/radar',
'amcharts.serial' : '//cdn.amcharts.com/lib/3/serial',
'amcharts.xy' : '//cdn.amcharts.com/lib/3/xy'
},
// Define dependencies
shim: {
'amcharts.funnel' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
},
'amcharts.gauge' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
},
'amcharts.pie' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
},
'amcharts.radar' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
},
'amcharts.serial' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
},
'amcharts.xy' : {
deps: ['amcharts'],
exports: 'AmCharts',
init: function() {
AmCharts.isReady = true;
}
}
}
});
// LOAD DEPENDENCIES; CREATE CHART
require(['amcharts.pie'],function(amRef) {
var chart = amRef.makeChart("chartdiv", {
"type": "pie",
"theme": "none",
"dataProvider": [
{
"country":...