Código em html do grafico chart.ls

grafico.html

<ion-header>
<!--Título da página -->
  <ion-toolbar color="tertiary">
    <div class="headerTittle">
      <h1>Comida</h1>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="titulo"><br />
    <ion-label>Tipos de Comida</ion-label>
  </div><br />
<!--Utilizando a biblioteca Chart.js-->
  <canvas #barChart></canvas>
  <script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
</ion-content>