title: Chart.js - (intermediate value).Doughnut is not a function
body: <p>I am trying to generate a Doughnut chart using Chart Js Library and it turns out to be throwing an error <code>Uncaught TypeError: (intermediate value).Doughnut is not a function</code>. I double checked the js files linking , everything looks fine. Did anyone face this issue earlier?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>function getPieChart(pAmt, iAmt, pFee) {
  
  
  //pie chart code starts here
  
  
  var data = [
      {
          value: pAmt,
          color: "#F7464A",
          highlight: "#FF5A5E",
          label: "Principal Amount"
      }, {
          value: iAmt,
          color: "#46BFBD",
          highlight: "#5AD3D1",
          label: "Interest Amount"
      }, {
          value: pFee,
          color: "#FDB45C",
          highlight: "#FFC870",
          label: "Processing Fee"
      }];
  
  var options = {
      segmentShowStroke: true,
      animateRotate: true,
      animateScale: false,
      percentageInnerCutout: 50,
      segmentStrokeColor: "#fff",
      tooltipTemplate: "&lt;%= label%&gt;: Rs.&lt;%= converter(value) %&gt;",
      segmentStrokeWidth: 2,
      legendTemplate: "&lt;ul class=\"&lt;%=name.toLowerCase()%&gt;-legend\"&gt;&lt;% for (var i=0; i&lt;segments.length; i++){%&gt;&lt;li&gt;&lt;div class=\"col-md-12\"&gt;&lt;div class=\"emicleft col-md-6\"&gt;&lt;span style=\"background-color:&lt;%=segments[i].fillColor%&gt;\"&gt;&lt;/span&gt;&lt;%=segments[i].label%&gt;&lt;/div&gt;&lt;div class=\"emicright col-md-6\"&gt;&lt;i class=\"fa fa-inr\"&gt;&lt;/i&gt; &lt;span class=\"emicrightspan\"&gt;&lt;%=converter(segments[i].value)%&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&lt;%}%&gt;&lt;/ul&gt;"
  };
  var ctx = document.getElementById("emichart").getContext("2d");
  var myChart = new Chart(ctx).Doughnut(data, options);
  document.getElementById('js-legend').innerHTML = myChart.generateLegend();
  }
  </code></pre>