title: Multiple line labels for chart js
body: <p>I have this radar chart in chart.js which has 5 labels. The labels are quite long so I want to show them in two lines in HTML but when I use "\n" it doesn't make a new line!</p>
  
  <p>These are my labels:</p>
  
  <pre><code>labels: ["COMMUNICATION \n SKILL ", "PRODUCT AND PROCESS \n KNOWLEDGE "]
  </code></pre>
  
  <p>As you can see I'm trying to have "communication skill" and "product and process knowledge" both in two lines but it shows them in one line!</p>
  
  <p>What's the correct way to do it?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>The labels is in script tag:</p>
  
  <pre><code>var myChart = new Chart(ctx, {
      type: 'radar',
      data: {
          labels: ["COMMUNICATION  SKILL ", "PRODUCT AND PROCESS KNOWLEDGE "],
          datasets: [{
              label: labs,
              data: dps,
              backgroundColor: [
                  'rgba(255, 99, 132, 0.2)'
              ],
              borderColor: [
                  'rgba(255,99,132,1)',
              ],
              borderWidth: 1
          },
      options: {
          maintainAspectRatio: true,
          scale: {
              ticks:{
                  beginAtZero: true,
                  max: 4
              }
          }
      }
  });
  </code></pre>