title: Chartist pie chart with label need on next line
body: <p>I have pie chart with custom label and percentage. 
  Issue is Label and percentage appears in same line. 
  I need to break percentage and label into two lines. 
  Label 
  percentage</p>
  
  <p>I have try <code>&lt;br&gt;</code> and <code>\n</code> but did not work. Please help</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var names = ['', 'Home Loans', 'Auto Loans'];
  
  var data = {
    series: [3, 5, 4]
  };
  
  var sum = function(a, b) {
    return a + b
  };
  
  new Chartist.Pie('.ct-chart', data, {
    labelInterpolationFnc: function(value, idx) {
      var percentage = Math.round(value / data.series.reduce(sum) * 100) + '%';
      return names[idx] + '\n' + percentage;
    }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.11.0/chartist.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.11.0/chartist.min.js"&gt;&lt;/script&gt;
  &lt;div class="ct-chart"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/Ui6hj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ui6hj.png" alt="enter image description here"></a></p>