title: Chartjs won't render chart with Requirejs
body: <p>I am trying to render a chart using Chartjs and Requirejs, but it fails to render or provide error messages. I know that I am probably tired and missing something obvious, but I can't seem to figure it out. </p>
  
  <p>The line in my HTML to hold the canvas for the chart is as follows:</p>
  
  <pre><code> &lt;canvas id="canvas" height="450" width="600"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>My Requirejs file is as follows. It is here that I suspect the issue:</p>
  
  <pre><code>require.config({
  paths: {
      jquery: "jquery-2.1.1.min",
      bootstrap: "bootstrap.min",
      chartjs: "Chart.min"
  },
  shim: {
      bootstrap: {
          deps: ['jquery'],
          exports: 'Bootstrap'
      },
  }
  });
  
  requirejs(['bootstrap'], function (Bootstrap) {
  return {};
  });
  
  
  require(['chartjs'], function (Chart) {
  // Use Chart.js as normal here.
  var randomScalingFactor = function () { return Math.round(Math.random() * 100) };
  var lineChartData = {
      labels: ["January", "February", "March", "April", "May", "June", "July"],
      datasets: [
          {
              label: "My First dataset",
              fillColor: "rgba(220,220,220,0.2)",
              strokeColor: "rgba(220,220,220,1)",
              pointColor: "rgba(220,220,220,1)",
              pointStrokeColor: "#fff",
              pointHighlightFill: "#fff",
              pointHighlightStroke: "rgba(220,220,220,1)",
              data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
          },
          {
              label: "My Second dataset",
              fillColor: "rgba(151,187,205,0.2)",
              strokeColor: "rgba(151,187,205,1)",
              pointColor: "rgba(151,187,205,1)",
              pointStrokeColor: "#fff",
              pointHighlightFill: "#fff",
              pointHighlightStroke: "rgba(151,187,205,1)",
              data: [randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor()]
          }
      ]
  
  }
  
  window.onload = function () {
      var ctx = document.getElementById("canvas").getContext("2d");
      window.myLine = new Chart(ctx).Line(lineChartData, {
          responsive: true
      });
  }
  // Chart.noConflict restores the Chart global variable to it's previous owner
  // The function returns what was previously Chart, allowing you to reassign.
  var chartjs = Chart.noConflict();
  
  });
  </code></pre>