如何更改 amcharts 饼图主题？

Question

我的 HTML 代码是这样的：

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

我的Javascript代码是这样的：

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

演示和完整代码如下：https://jsfiddle.net/oscar11/4qdan7k7/2/

我想像这样更改 amchart 主题：https://www.amcharts.com/demos/simple-pie-chart/

我添加了 light.js 库，但主题没有改变

有什么方法可以解决我的问题吗？

Answer 1

您需要在如下初始化时指定theme选项，并直接使用makeChart而不是Amcharts.AmPieChart()。您更新后的代码将是：

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

如何更改 amcharts 饼图主题？

How to change amcharts pie themes?

javascript

jquery

html

pie-chart

amcharts

`UPDATED FIDDLE`