<div id="chartdiv"></div>
div { margin: -.5em auto; text-align:center; width: 90%; height: 390px }
var chart;
var legend;
var chartData = [{
country: "Lithuania",
value: 260},
{
country: "Ireland",
value: 201},
{
country: "Germany",
value: 65},
{
country: "Australia",
value: 39},
{
country: "UK",
value: 19},
{
country: "Latvia",
value: 10}];
AmCharts.ready(function() {
// PIE CHART
chart = new AmCharts.AmPieChart();
chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "value";
chart.outlineColor = "";
chart.outlineAlpha = 0.8;
chart.outlineThickness = 2;
// this makes the chart 3D
chart.depth3D = 20;
chart.angle = 30;
// WRITE
chart.write("chartdiv");
});
This Pen doesn't use any external CSS resources.