title: How to handle epic long text at y-axis for angular-chart.js?
body: <p>I'm building a responsive app that using <code>angular-chart.js</code>.</p>
  
  <p>(Not enough repo, sorry)<br/>
  <a href="http://i.imgur.com/g648Iws.png" rel="nofollow">http://i.imgur.com/g648Iws.png</a> <br/>
  <a href="http://i.imgur.com/LK1eQCo.png" rel="nofollow">http://i.imgur.com/LK1eQCo.png</a></p>
  
  <p>As you can see, some of the text were too long (y-axis) and it squeezed my chart.
  I tried to truncate the text, but it doesn't look nice if you have larger devices.</p>
  
  <p>Is there any way to handle this situation or (truncate dynamically) ?</p>
  
  <pre><code>ChartJsProvider.setOptions({
      responsive: true,
      barShowStroke: false,
      maintainAspectRatio: false  // I tried with 'true' but still looks the same
  });
  </code></pre>
  
  <p>Note that I did not add the width and height attribute because I want the graph to fit responsively.</p>
  
  <pre><code>&lt;canvas id="bar" class="chart chart-bar" data="data" labels="labels" legend="true" series="series"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>Any help is appreciated. </p>