title: Chart.js always visible labels
body: <p>I'm reworking a application for a client, and they want to show a chart. They currently use a infragistics chart, and they would love to stop using that, but the layout must remain the same.</p>
  
  <p>this is the layout they want( so labels should be visible, individual bars, ...) 
  <img src="https://i.stack.imgur.com/hxaqC.png" alt="chart"></p>
  
  <p>So my first option was to try out Chart.js, but I could only get something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/cyDbG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cyDbG.png" alt="Chart2"></a></p>
  
  <p>So basicly the only thing that needs to happen is a way to always show the labels.</p>
  
  <p>The data is provided via angular and is just an array if integers. Using the following directive for the chart: <a href="http://jtblin.github.io/angular-chart.js/" rel="nofollow noreferrer">http://jtblin.github.io/angular-chart.js/</a></p>
  
  <p>My current html:</p>
  
  <pre><code>&lt;canvas id="polar" class="chart chart-polar-area" data="data.values" labels="data.labels" width="200" height="200"
          options="{animateRotate: false}"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>I found this; <a href="https://stackoverflow.com/questions/22524295/how-to-add-label-in-chart-js-for-pie-chart">How to add label in chart.js for pie chart</a> but I couldn't get it to work</p>