<!-- required js -->
<script src="/assets/plugins/chart.js/dist/chart.umd.js"/></script>

<!-- html -->
<canvas id="doughnutChart"></canvas>

<!-- script -->
<script>
  var ctx = document.getElementById('doughnutChart');
  var doughnutChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
      labels: ['Total Visitor', 'New Visitor', 'Returning Visitor'],
      datasets: [{
        data: [300, 50, 100],
        backgroundColor: ['rgba('+ app.color.themeRgb +', .75)', 'rgba('+ app.color.themeRgb +', .25)', 'rgba('+ app.color.themeRgb +', .5)'],
        hoverBackgroundColor: [app.color.theme, app.color.theme, app.color.theme],
        borderWidth: 0
      }]
    }
  });
</script>