title: Chart not displaying on page load
body: <p>I am currently using angular-charts in my application. I created a line chart which worked perfectly, however when adding a second chart (pie) the first chart does not show on the front end until I either hovered over it or resize the window.</p>
  
  <p>I have no hover events set so I am unsure why this is happening.</p>
  
  <p>Here is my controller</p>
  
  <pre><code>app.controller('dashboardController', ['$scope', '$http', 'Page', 'authenticationService', function ($scope, $http, Page, authenticationService) {
  
  // Page Setup
  Page.setTitle('Dashboard');
  Page.setSubTitle('Transport Overview');
  $scope.$emit('pageLoading');
  
  $http({
      url: '/api/dashboard/',
      method: 'GET',
      headers: authenticationService.getAuthToken(),
  }).success(function (data) {
  
      $scope.dashboard = data;
      $scope.dashboard.revenuePerDayLabels = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  
      $scope.dashboard.weeklyJobIncome = [data.weeklyJobIncome];
      $scope.dashboard.weekVehicleRevenueLabels = [];
      $scope.dashboard.weekVehicleRevenueData = [];
  
      angular.forEach($scope.dashboard.weekVehicleRevenue, function (item) {
          $scope.dashboard.weekVehicleRevenueLabels.push(item.registrationNumber);
          $scope.dashboard.weekVehicleRevenueData.push(item.vehicleRevenue);
      });
  
      $scope.$emit('pageLoaded');
  }).error(function () {
      $scope.$emit('pageLoaded');
  });
  }]);
  </code></pre>
  
  <p><strong><em>And the corresponding HTML</em></strong></p>
  
  <p><strong>Line Chart</strong></p>
  
  <pre><code>&lt;canvas id="line" class="chart chart-line"
          chart-data="dashboard.weeklyJobIncome"
          chart-labels="dashboard.revenuePerDayLabels"
          chart-series="series"&gt;
  &lt;/canvas&gt;
  </code></pre>
  
  <p><strong>Pie Chart</strong></p>
  
  <pre><code>&lt;canvas id="doughnut" class="chart chart-pie"
          chart-data="dashboard.weekVehicleRevenueData"
          chart-labels="dashboard.weekVehicleRevenueLabels"&gt;
  &lt;/canvas&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/t00WK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t00WK.png" alt="Canvas is being rendered"></a></p>