title: angular error when trying to get piechart working
body: <p>I am trying to get <a href="http://www.fusioncharts.com/angularjs-charts/#/demos/ex2" rel="nofollow noreferrer">this piechar</a>t working. 
  Here is my code to draw simple piechart</p>
  
  <pre><code>&lt;html ng-app="chartApp"&gt;
      &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
    &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'&gt;
  
    &lt;!-- angular --&gt;
      &lt;script type="text/javascript" src="https://code.angularjs.org/1.4.1/angular.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"&gt;&lt;/script&gt;
  
    &lt;!-- fusioncharts core --&gt;
    &lt;script type="text/javascript" src="js/fusioncharts.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fusioncharts.charts.js"&gt;&lt;/script&gt;
  
    &lt;!-- angular plugin --&gt;
    &lt;script type="text/javascript" src="js/angular-fusioncharts.min.js"&gt;&lt;/script&gt;
  
    &lt;!-- zune theme --&gt;
    &lt;script type="text/javascript" src="js/zune-theme.js"&gt;&lt;/script&gt;
  
    &lt;script type="text/javascript"&gt;
  
      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"
          }
      ]
  }});
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
    &lt;center&gt;
        &lt;div ng-controller="chartController"&gt;
         &lt;fusioncharts 
      width="600" 
      height="400"
      type="pie3d"
      datasource="{{myDataSource}}"
  &gt;&lt;/fusioncharts&gt;
      &lt;/div&gt;
      &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I get this error</p>
  
  <pre><code>angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.1/$injector/modulerr?p0=chartApp&amp;p1=Error%3…0zc%20(https%3A%2F%2Fcode.angularjs.org%2F1.4.1%2Fangular.min.js%3A20%3A30)
  </code></pre>