Angularjs Amcharts-无法加载

我引用并尝试加载我的项目。我在index.html中添加了脚本文件

<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/pie.js"></script>

在html中添加了以下代码

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

并在我的控制器中添加了以下代码

var图； 变量图例

 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
 }
 ];

 AmCharts.ready(function () {
 // PIE CHART
 chart = new AmCharts.AmPieChart();
 chart.dataProvider = chartData;
 chart.titleField = "country";
 chart.valueField = "litres";
 chart.outlineColor = "#FFFFFF";
 chart.outlineAlpha = 0.8;
 chart.outlineThickness = 2;
 chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";

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

var chartData=[
{
“国家”：“捷克共和国”，
“升”：301.9
},
{
“国家”：“爱尔兰”，
“升”：201.1
},
{
“国家”：“德国”，
“升”：165.8
},
{
“国家”：“澳大利亚”，
“升”：139.9升
},
{
“国家”：“奥地利”，
“升”：128.3升
},
{
“国家”：“英国”，
“升”：99
},
{
“国家”：“比利时”，
“升”：60
}
];
AmCharts.ready（函数（）{
//饼图
chart=新的AmCharts.AmPieChart（）；
chart.dataProvider=chartData；
chart.titleField=“国家”；
chart.valueField=“升”；
chart.outlineColor=“#FFFFFF”；
chart.outlineAlpha=0.8；
chart.OutlineHickness=2；
chart.ballootText=“[[title]]
[[value]]（[[percents]]]%”）；
//写
chart.write（“chartdiv”）；
});

---

对于我来说，不加载图表-饼图。请建议如何解决？

请制作一个复制您的问题的小提琴。你的代码看起来是正确的（虽然AmCharts.ready不是必需的，因为它主要是一个

窗口。onload

在引擎盖下），但是如果不看看你的应用程序的其余部分是如何以angular方式设置的，我们就无法判断还有什么问题。我已经尝试过你的代码，而且似乎都能正常工作。可能是代码中的其他内容导致了此问题。