title: chart.js Legends issue (not showing)
body: <p>I need the labels that are in the code below <code>"label: "2017"</code> &amp; <code>label: "2018"</code>, to be shown as legends on the right side of the chart. I have tried thousands of ways to make it work, but I can't find the solution.</p>
  
  <p>The idea of showing the legends is to identify that each color represents a specific year.</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>&lt;script&gt;
      var randomScalingFactor = function(){ return Math.round(Math.random()*50)};
      var lineChartData = {
  
          labels : ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
          datasets : [
              {
  
                  type: 'bar',
                  label: "2017",
                  fillColor: "rgba(151,249,190,0.5)",
                  strokeColor: "rgba(255,255,255,1)",
                  pointColor : "rgba(220,220,220,1)",
                  pointStrokeColor : "#fff",
                  pointHighlightFill : "#fff",
                  pointHighlightStroke : "rgba(220,220,220,1)",
                  data : [&lt;?php echo mostrarAño2017($oBD_);?&gt;]
              },
              {
                  type: 'bar',
                  label: "2018",
                  fillColor: "rgba(252,147,65,0.5)",
                   strokeColor: "rgba(255,255,255,1)",
                  pointColor : "rgba(151,187,205,1)",
                  pointStrokeColor : "#fff",
                  pointHighlightFill : "#fff",
                  pointHighlightStroke : "rgba(151,187,205,1)",
                  data : [&lt;?php echo mostrarAño2018($oBD_);?&gt;]
              }
          ]
  
      }
  
      window.onload = function(){
      var ctx = document.getElementById("canvas").getContext("2d");
      window.myLine = new Chart(ctx).Line(lineChartData, {
          responsive: true
      });
  
  }
  
  
  &lt;/script&gt;
  </code></pre>