title: How to wrap legend text in Chartjs?
body: <p>My ChartJs legend text is overflowing in the same line when the text is too long. Is there any parameter that I can use to enable text-wrap. </p>
  
  <pre><code>legend : {
      display : true,
      position : 'bottom',
      fullWidth: false,
      labels : {
          fontColor : "#000",
          //  boxWidth  : "3"
      }
  }
  </code></pre>
  
  <p>In other chart libraries like highcharts, you just have to set width and the text will be wrapped if it exceeds the width. Is there such an option in ChartJS?</p>
  
  <p>Highcharts Library Example:</p>
  
  <pre><code>legend: {
      itemStyle: {
          width: 90 // or whatever, auto-wrap
      },
  }
  </code></pre>
  
  <p>I tried using legendCallback, but in that case I will loose the 'onclick' useful functionalities of the legend boxes that come out of the box in ChartJS. So I don't want to do that. Don't want use legend template either. </p>