title: Microsoft Azure with AngularJS - Data not being displayed in chart
body: <p>I am able to view data locally, however when I open the Windows Azure cloud service application, there is no longer Json data being passed into my chart (<a href="http://dashboardexample.cloudapp.net/Home/Product" rel="nofollow">http://dashboardexample.cloudapp.net/Home/Product</a>). I get a message in the Console saying "Controller names should start with an uppercase character and end with the suffix Controller. For example: UserController.
  The best practice for module names is to use lowerCamelCase. Check the name of "dx"." Not sure what is causing this issue. Any thoughts? </p>
  
  <p><strong>AngularJS</strong></p>
  
  <pre><code>var app = angular.module('customCharts', ['dx']);
  
  app.controller("ChartController", function ($scope, $http, $q) {
      $scope.productSettings = {
          dataSource: new DevExpress.data.DataSource({
              load: function () {
                  var def = $.Deferred();
                  $http({
                      method: 'GET',
                      url: 'http://localhost:53640/Home/PostChart'
                  }).success(function (data) {
                      def.resolve(data);
                  });
                  return def.promise();
              }
          }),
          series: {
              title: 'Displays Product Costs for items in our Database',
              argumentType: String,
              argumentField: "Name",
              valueField: "Cost",
              type: "bar",
              color: '#008B8B'
          },
          commonAxisSettings: {
              visible: true,
              color: 'black',
              width: 2
          },
          argumentAxis: {
              title: 'Items in Product Store Database'
          },
          valueAxis: {
              title: 'Dollor Amount'
          }
      }
  })
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;script type="text/javascript" src="~/Scripts/angular.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="~/Scripts/angular-sanitize.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="~/Scripts/globalize/globalize.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="~/Scripts/dx.chartjs.js"&gt;&lt;/script&gt;
  @Scripts.Render("~/Scripts/ChartDesign.js")
  
  &lt;div ng-app="customCharts"&gt;
      &lt;div ng-controller="ChartController"&gt;
          &lt;div dx-chart="productSettings"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>