¿Cómo cambiar los temas de tarta amcharts?

Mi código HTML es así:

Mi código Javascript es así:

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

El código demo y completo es así: https://jsfiddle.net/oscar11/4qdan7k7/2/

Quiero cambiar los temas de amchart como este: https://www.amcharts.com/demos/simple-pie-chart/

Añado la biblioteca light.js, pero los temas no cambian

¿Alguna solución para resolver mi problema?

makeChart especificar la opción de theme al inicializar como se makeChart continuación y también hacer uso de makeChart directamente en lugar de Amcharts.AmPieChart() . Su código actualizado sería:

 AmCharts.makeChart("chartdiv", { "type": "pie", "theme": "light", "dataProvider": chartData, "valueField": "litres", "titleField": "country", "export": { "enabled": true } }); 

UPDATED FIDDLE

Intereting Posts