title: AngularJS and canvasJS Issue
body: <p>I am trying to make a simple website with angularJS which will involve charts being updated and changed depending on the data selected. However when I try and input canvasJS I get errors. I have looked an examples how to use canvasJS but it's still not helping. I generated the app using fountainjs. I am also using gulp to run the server.</p>
  
  <p>When I try and input the script through through the html  tag, I get 'CanvasJs is not defined'.</p>
  
  <p>Instead I downloaded canvasJS using :</p>
  
  <blockquote>
    <p>npm install canvasjs</p>
  </blockquote>
  
  <p>This defines CanvasJS but now I get </p>
  
  <pre><code>WARNING in ./~/canvasjs/src/core/charts.js
  520:35-63 "export 'devicePixelBackingStoreRatio' was not found in '../helpers/utils'
  
  WARNING in ./~/canvasjs/src/core/charts.js
  520:99-127 "export 'devicePixelBackingStoreRatio' was not found in '../helpers/utils'
  
  WARNING in ./~/canvasjs/src/core/charts.js
  940:68-96 "export 'devicePixelBackingStoreRatio' was not found in '../helpers/utils'
  
  WARNING in ./~/canvasjs/src/core/charts.js
  940:125-153 "export 'devicePixelBackingStoreRatio' was not found in '../helpers/utils'
  
  WARNING in webpack: Using NoErrorsPlugin is deprecated.
  Use NoEmitOnErrorsPlugin instead.
  
  
  ERROR in ./~/canvasjs/src/charts/index.js
  Module parse failed: /Users/thermida/Documents/code/transactionTracker/moneytracker/node_modules/canvasjs/src/charts/index.js Unexpected token (1:7)
  You may need an appropriate loader to handle this file type.
  | export SplineChart from '../charts/spline';
  | export ColumnChart from '../charts/column';
  | export StackedColumnChart from '../charts/stacked_column';
   @ ./~/canvasjs/src/core/charts.js 40:0-61:25
   @ ./~/canvasjs/src/main/index.js
   @ ./src/app/transactions/index.js
   @ ./src/index.js
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>var CanvasJS = require('canvasjs');
  
  var angular = require('angular');
  
  var transactions = require('./transactions');
  
  var transactionsModule = 'transactions';
  var transactionFormModule = require('../transactionForm/index');
  var categoriesModule = require('./categories/index');
  var transactionsService = require('./transactionsService');
  
  module.exports = transactionsModule;
  
  angular
    .module(transactionsModule, [transactionFormModule, categoriesModule, CanvasJS])
    .component('transactionsDisplay', transactions)
    .service('transactionsService', transactionsService);
  </code></pre>
  
  <p><strong>transaction.js</strong></p>
  
  <pre><code>module.exports = {
    template: require('./transactions.html'),
    controller: transactionsController
  };
  
  function transactionsController($http, $log, transactionsService, $scope, CanvasJS) {
    this.transactionsRecord = transactionsService;
  
    $http
      .get('app/transactions/transactions.json')
      .then(function (response) {
        transactionsService.transactions = response.data;
        findTotal();
      });
  
    var findTotal = function () {
      var total = 0;
      for (var txn = 0; txn &lt; transactionsService.transactions.length; txn++) {
        total += transactionsService.transactions[txn].amount;
      }
      transactionsService.totalSpent = total;
    };
  
    this.removeTransaction = function (transaction) {
      var index = transactionsService.transactions.indexOf(transaction);
      if (index &gt; -1) {
        transactionsService.transactions.splice(index, 1);
      }
      findTotal();
    };
  
    this.filterTransactions = function (transaction) {
      var state = false;
      if (transactionsService.filters.length &lt;= 0) {
        state = true;
      } else if (transactionsService.filters.indexOf(transaction.category) !== -1) {
        state = true;
      }
      return state;
    };
  
    $scope.chart = new CanvasJS.Chart("chartContainer", {
      exportEnabled: true,
  
      theme: 'theme1',
      title: {
        text: "Nintendo Console Sales"
      },
      axisY: {
        title: "million units",
        labelFontSize: 16
      },
      axisX: {
        labelFontSize: 16
      },
      data: [
        {
          type: "bar",
          dataPoints: [
            {label: "Wii U", y: 6.17},
            {label: "Wii", y: 101.06},
            {label: "GameCube", y: 21.74},
            {label: "64", y: 32.93},
            {label: "SNES", y: 49.10},
            {label: "NES", y: 61.91},
            {label: "3DS", y: 43.33},
            {label: "DS", y: 153.99},
            {label: "Advance", y: 81.51},
            {label: "GameBoy", y: 118.69}
          ]
        }
      ]
    });
  
    $scope.chart.render();
  
    $scope.changeChartType = function (chartType) {
      $scope.chart.options.data[0].type = chartType;
      $scope.chart.render();
    };
  }
  </code></pre>
  
  <p>Thank you for your help :)</p>