Chart not displaying on page load
<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>