title: Inline plugin doesn't work
body: <p>According to the <a href="http://www.chartjs.org/docs/latest/developers/plugins.html" rel="noreferrer">Chart.js docs</a>, the following code should work: </p>
  
  <pre><code>new Chart(document.getElementById(chartID), {
     type: 'pie',
     responsive: true,
     maintainAspectRatio: false,
     data: {
        labels: graph.globals.labels,
        datasets: [{
           backgroundColor: pieOptions.backgrounds,
           data: pieOptions.objToArr(graph.meetingsData),
           hoverBorderWidth: 5,
           borderColor: 'transparent',
        }]
     },
     options: {
        title: {
           display: true,
           text: graph.globals.title,
        },
        legend: {
           display: true,
           position: 'bottom',
           fullWidth: false,
           onClick: () =&gt; {},
           labels: {
              generateLabels: (chart) =&gt; {
                 return pieOptions.legendLeft(chart);
              }
           }
        },
        plugins: [{
           beforeInit: function(chart, options) {
              console.log('yolo');
           }
        }]
        rotation: 3.9,
     }
  });
  </code></pre>
  
  <p>However, when I create the plugin using a variable, or create it inline like shown above, it doesn't log anything. The only way that I can use plugin, is when I register it globally.</p>
  
  <p>Can somebody explain to me why it doesn't work?</p>