<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");
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://www.amcharts.com/lib/amcharts.js