title: Chart.js legend text showing undefined
body: <p>I'm trying to show four horizontal bars with legends on top of it in chart.js; but the legendtext is showing undefined for each cases. How to define or declare the texts for legends in chart.js ?</p>
  
  <p>My html code :</p>
  
  <pre><code>    &lt;div class="chart bar-chart dark"&gt;
          &lt;h3 class="title"&gt;Name&lt;/h3&gt;
          &lt;p class="tagline"&gt;chocolates&lt;/p&gt;
          &lt;canvas height="400" id="barChartHDark"&gt;&lt;/canvas&gt;
      &lt;/div&gt;
      &lt;div class="chart radar-chart light"&gt;
          &lt;h3 class="title"&gt;Bauxite&lt;/h3&gt;
          &lt;p class="tagline"&gt;P&amp;B Dispatch&lt;/p&gt;
          &lt;canvas height="400" id="radarChartLight"&gt;&lt;/canvas&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My javascript code :</p>
  
  <pre><code>Charts.prototype.initBarHorizontal = function () {
      var ctxD = $("#barChartHDark"), chartData = {
          type: 'horizontalBar',
          data: {
              labels: ["Today", "Last week", "Last month", "Last Year"],
              datasets: [{
                      data: [7, 59, 68, 26],
                      backgroundColor: this.colors[0],
                      hoverBackgroundColor: this.convertHex(this.colors[0], 70),
                  },
                  {
                      data: [, 23, 44, 30],
                      backgroundColor: this.colors[1],
                      hoverBackgroundColor: this.convertHex(this.colors[1], 70),
  },
                  {
                      data: [, 3, -7, 1],
                      backgroundColor: this.colors[2],
                      hoverBackgroundColor: this.convertHex(this.colors[2], 70),
                  }]
          },
          options: {
              barThickness: 1,
              scales: {
                  xAxes: [{
                          stacked: true,
                          ticks: {
                              fontColor: this.tickColor
                          },
                          gridLines: {
                              drawOnChartArea: false
                          }
                      }],
                  yAxes: [{
                          stacked: true,
                          ticks: {
                              fontColor: this.tickColor,
                              min: 0,
                              max: 175,
                              stepSize: 25
                          }
                      }]
              },
              labels: ['Current data','Vs last week/month/year','Change'],
              name: ['Current data','Vs last week/month/year','Change'],
              legend: {
                  display: true,
                  legendText : ['Current','Vs last week/month/year','% Change']
                      },     
          }
      }, myDarkRadarChart = new Chart(ctxD, chartData), myLightRadarChart = new Chart(ctxL, chartData);
  };
  </code></pre>
  
  <p>It gives output like :</p>
  
  <p><a href="https://i.stack.imgur.com/IEIzV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IEIzV.png" alt="tsmn"></a></p>
  
  <p>How to change the texts shown as "undefined" at the top?</p>