Mein HTML-Code sieht folgendermaßen aus:

<div id="chartdiv" style="width: 100%; height: 362px;"></div>

Mein Javascript-Code sieht so aus:

var chart;
var legend;

var chartData = [
  {
    "country": "Czech Republic",
    "litres": 301.9
  },
  {
    "country": "Ireland",
    "litres": 201.1
  },
  {
    "country": "Germany",
    "litres": 165.8
  },
  {
    "country": "Australia",
    "litres": 139.9
  },
  {
    "country": "Austria",
    "litres": 128.3
  },
  {
    "country": "UK",
    "litres": 99
  },
  {
    "country": "Belgium",
    "litres": 60
  }
];
console.log(chartData);
AmCharts.ready(function () {
  // PIE CHART
  chart = new AmCharts.AmPieChart();
  chart.dataProvider = chartData;
  chart.titleField = "country";
  chart.valueField = "litres";

  // WRITE
  chart.write("chartdiv");
});

Demo und vollständiger Code sind wie folgt:https: //jsfiddle.net/oscar11/4qdan7k7/2

Ich möchte Amchart-Themen wie diese ändern:https: //www.amcharts.com/demos/simple-pie-chart

Ich füge die Bibliothek light.js hinzu, aber die Themen ändern sich nicht

Keine Lösung, um mein Problem zu lösen?