Amcharts - 无法加载

时间:2017-02-24 10:37:24

标签: angularjs amcharts

我提到http://jsfiddle.net/amcharts/TQxYB/并尝试加载我的项目。我在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 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
 }
 ];

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

我没有加载amchart - pie。请建议如何解决?

0 个答案:

没有答案