Javascript 尝试使piechart工作时出现角度错误_Javascript_Angularjs

Javascript 尝试使piechart工作时出现角度错误

javascript angularjs

Javascript 尝试使piechart工作时出现角度错误,javascript,angularjs,Javascript,Angularjs,我正在努力让t工作。下面是我绘制简单图表的代码 <html ng-app="chartApp"> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'&g

我正在努力让t工作。下面是我绘制简单图表的代码

<html ng-app="chartApp">
    <head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>

  <!-- angular -->
    <script type="text/javascript" src="https://code.angularjs.org/1.4.1/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>

  <!-- fusioncharts core -->
  <script type="text/javascript" src="js/fusioncharts.js"></script>
    <script type="text/javascript" src="js/fusioncharts.charts.js"></script>

  <!-- angular plugin -->
  <script type="text/javascript" src="js/angular-fusioncharts.min.js"></script>

  <!-- zune theme -->
  <script type="text/javascript" src="js/zune-theme.js"></script>

  <script type="text/javascript">

    var pieChart = angular.module("pieChart", ["ng-fusioncharts"]);

// controller for chart
pieChart.controller("chartController", function($scope) {

  $scope.myDataSource = {
    chart: {
        caption: "Age profile of website visitors",
        subcaption: "Last Year",
        startingangle: "120",
        showlabels: "0",
        showlegend: "1",
        enablemultislicing: "0",
        slicingdistance: "15",
        showpercentvalues: "1",
        showpercentintooltip: "0",
        plottooltext: "Age group : $label Total visit : $datavalue",
        theme: "fint"
    },
    data: [
        {
            label: "Teenage",
            value: "1250400"
        },
        {
            label: "Adult",
            value: "1463300"
        },
        {
            label: "Mid-age",
            value: "1050700"
        },
        {
            label: "Senior",
            value: "491000"
        }
    ]
}});
    </script>
    </head>
    <body>
  <center>
      <div ng-controller="chartController">
       <fusioncharts 
    width="600" 
    height="400"
    type="pie3d"
    datasource="{{myDataSource}}"
></fusioncharts>
    </div>
    </center>
</body>
</html>

您的

angular.module

设置为“pieChart”，但您的

ng app

指令设置为

chartApp

（此指令也应放在

body

上，而不是

html

）。。。所以Angular不知道该引导什么。尝试使用

angular.module（“chartApp”，…）

并将

ng-app

指令放在“body”标签上

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.1/$injector/modulerr?p0=chartApp&p1=Error%3…0zc%20(https%3A%2F%2Fcode.angularjs.org%2F1.4.1%2Fangular.min.js%3A20%3A30)