Ionic with chart.js always shows white graphic
<p>I want to show a graphic in an ionic application by using Chart library. I followed the steps explained in differents urls for example in:</p>

<p><a href="https://www.thepolyglotdeveloper.com/2015/08/using-charts-in-your-ionic-framework-mobile-app/" rel="nofollow noreferrer">https://www.thepolyglotdeveloper.com/2015/08/using-charts-in-your-ionic-framework-mobile-app/</a></p>

<p>This is my code:</p>

<p>tab-dash.html</p>

<p>
  </p>

<pre><code>&lt;h1&gt;Simple chart modified&lt;/h1&gt;

&lt;div class="chart-container" ng-show="graph.visible"&gt;
  &lt;canvas
    class="chart chart-line"
    data="graph.data"
    labels="graph.labels"
    series="graph.series"
    options="graph.options"
    legend="graph.legend"
  &gt;
  &lt;/canvas&gt;
&lt;/div&gt;
</code></pre>

<p>
</p>

<p>index.html:</p>

<pre><code>&lt;!DOCTYPE html&gt;

&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
&lt;title&gt;&lt;/title&gt;

&lt;link rel="manifest" href="manifest.json"&gt;

&lt;!-- un-comment this code to enable service worker
&lt;script&gt;
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('service-worker.js')
      .then(() =&gt; console.log('service worker installed'))
      .catch(err =&gt; console.log('Error', err));
  }
&lt;/script&gt;--&gt;

&lt;!-- compiled css output --&gt;
&lt;link href="css/ionic.app.css" rel="stylesheet"&gt;

&lt;!-- ionic/angularjs js --&gt;
&lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;

&lt;!-- cordova script (this will be a 404 during development) --&gt;
&lt;script src="cordova.js"&gt;&lt;/script&gt;

&lt;!-- your app's js --&gt;
&lt;script src="js/Chart.min.js"&gt;&lt;/script&gt;
&lt;script src="js/angular-chart.min.js"&gt;&lt;/script&gt;
&lt;script src="js/app.js"&gt;&lt;/script&gt;
&lt;script src="js/controllers.js"&gt;&lt;/script&gt;
&lt;script src="js/services.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app="starter"&gt;
&lt;!--
  The nav bar that will be updated as we navigate between views.
--&gt;
&lt;ion-nav-bar class="bar-positive"&gt;

  &lt;ion-nav-back-button&gt;
  &lt;/ion-nav-back-button&gt;
&lt;/ion-nav-bar&gt;

&lt;!--
  The views will be rendered in the &lt;ion-nav-view&gt; directive below
  Templates are in the /templates folder (but you could also
  have templates inline in this html file if you'd like).
--&gt;
&lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>app.js:</p>

<pre><code>Declare chart: 

angular.module('starter', ['ionic','chart.js','starter.controllers','starter.services'])

...

 .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })

...
</code></pre>

<p>And in the controllers.js:</p>

<pre><code>.controller('DashCtrl', function($scope) {

  $scope.graph = {};
  $scope.graph.visible = false;

  $scope.showGraph = function(yesOrNo) {
    $scope.graph.visible = yesOrNo;
  }

  $scope.graph.data = [[1, 2, 3, 4, 5, 6, 7, 8]];
  $scope.graph.labels = ['hoi', 'doei', 'hallo', 'hee', 'hoi', 'doei', 'hallo', 'hee'];
  $scope.graph.options = {
    animation: false
  };
  $scope.graph.series = ['Series']
  $scope.graph.legend = true;

})
</code></pre>

<p>However, when i load the application in the simulator and in the browser, my canvas always is white and nothing is visible. No error is displayed by console.</p>

<p>Can someone tell me what can be wrong?</p>

<p>Thanks</p>