title: Amcharts label are overlapping
body: <p>I am new to AmCharts ,my sample codes with <a href="http://jsfiddle.net/6sjyx79u/1/" rel="nofollow noreferrer">JSFiddle</a>. Facing a problem in Title overlapping in the chart.Is their any way to solve it ???</p>
  
  <pre><code> var chart;
      var legend;    
      var chartData = [
      {Fund:'Strategic Income' , value: 1014},{Fund:'UK &amp; International Income' , value: 649},{Fund:'UK Equity' , value: 647},{Fund:'Global Equity Income' , value: 639},{Fund:'Equity Income' , value: 634},{Fund:'UK Income' , value: 390},{Fund:'Diversified Bond' , value: 379},{Fund:'Property' , value: 377},{Fund:'Investment Grade Corporate Bond' , value: 251},{Fund:'Corporate Bond' , value: 127}
  
          ];
  
      AmCharts.ready(function() {
          // PIE CHART
          chart = new AmCharts.AmPieChart();
          chart.dataProvider = chartData;
          chart.titleField = "country";
          chart.valueField = "value";
          chart.percentFormatter = { precision: 1, decimalSeparator: '.', thousandsSeparator: ',' };
              chart.outlineThickness = 1;
              chart.labelText = "[[percents]]%";
              chart.hideLabelsPercent = 2.044444;
              chart.labelRadius = 35;
              chart.startRadius = "0%"; //start explode
              chart.pullOutRadius = "20%";
              chart.depth3D = 15;
              chart.angle = 40;
  
              chart.sequencedAnimation = false;
              chart.startDuration = 0;
  
  
          // WRITE
          chart.write("chartdiv");
      });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ZJVgQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZJVgQ.png" alt="percentage label are overlapping"></a></p>