title: angular 5 chart.js datalabels plugin
body: <p>I am having an issue getting the datalabels plugin to function correctly with my chart in my Angular 5 app.</p>
  
  <p>The chart is displaying as expected with the exception of no labels are being created by the plugin.  No console errors are being generated either which seems odd.</p>
  
  <p>my import section looks like:</p>
  
  <pre><code>import {Chart} from 'chart.js';
  import 'chartjs-plugin-datalabels';
  </code></pre>
  
  <p>My chart creation section looks like:</p>
  
  <pre><code>ngAfterViewInit() {
      this.canvas = document.getElementById(this.chartID);
      this.canvas.height = this.graphHeight;
      this.ctx = this.canvas.getContext('2d');
  
  
      this.myChart = new Chart(this.ctx, {
        type: 'horizontalBar',
        data: {
            labels: this.chartLabels,
            datasets: [{
                label: 'Percentage',
                data: this.chartValues,
                borderWidth: 1,
                backgroundColor: '#a32d31',
                datalabels: {
                  align: 'end',
                  anchor: 'start'
                }
            }]
        },
        options: {
          legend: {
            display: false
          },
          maintainAspectRatio: false,
          plugins: {
            datalabels: {
              color: 'white',
              font: {
                weight: 'bold'
              },
              formatter: Math.round
            }
          }
        }
      });
  
    }
  </code></pre>
  
  <p>Is there a separate step needed at some point to register the plugin (the samples provided don't show that).  Any ideas or suggestions to get this working? The chart itself looks fine with the exception of the plugin output not being there.</p>