title: X-axis labels overlaps in react-native svg-charts
body: <p>I am using react-native-svg-charts to show pie charts and bar charts 
  in react-native, in bar charts, X-axis labels overlap or doesn't display.</p>
  
  <p><a href="https://i.stack.imgur.com/k6LT5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k6LT5.png" alt="lables in X-axis overlaps as shown in image"></a></p>
  
  <p>how can render text content in X-axis in bar charts</p>
  
  <p>this is my code</p>
  
  <pre><code>&lt;XAxis
    style={{flex:1,height: windowSize.width/1.875, paddingTop:10 }}
    data={data2}
    formatLabel={value =&gt; {
     return data2.map(item =&gt; {
        return `${item}\n`;
            });
          }}
     contentInset={{ left: 30, right: 30 }}
     svg={{ fontSize: 10, fill: '#3A8F98' }}
     /&gt;
  </code></pre>