Charts.js pie labels

by Ketan Patel

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.js"></script>
<script src="https://rawgit.com/beaver71/Chart.PieceLabel.js/master/build/Chart.PieceLabel.min.js"></script>
<canvas id="pie" class="chart chart-pie"></canvas>

JavaScript

var labels = ["RRSP", "TFSA", "Non-registered"];

var data = [1564222, 1932302, 305646];

var options = {
  legend: {
      display: false,
    },
    layout: {
      padding: {
        top: 30,
        bottom: 30,
      },
    },
    plugins: {
      datalabels: {
        display: true,
      },
    }
};

var colors = ['#3366CC', '#DC3912', '#FF9900'];

var ctx = document.getElementById("pie").getContext('2d');

var chart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: labels,
    datasets: [{
      backgroundColor: colors,
      data: data
    }]
  },
  options: options
});