title: React D3 x-axis text tilt - how to access transform property? tickFormat?
body: <p>I am using the Bar Chart in React-D3 : </p>
  
  <p>My x-axis labels are slamming into each other, and I want to rotate them for readability,</p>
  
  <p>an issue solved here for D3 without React rendering:
  <a href="http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html" rel="nofollow">http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html</a></p>
  
  <p>How do I fit this solution into the React-D3 package? </p>
  
  <p>Where can I access the 'transform' property on 'text' or 'tick'?</p>
  
  <p>I tried to pass in a prop as 'xAxisTransform' on BarChart.js, but it wasn't registering.  </p>
  
  <p>Should I use the tickFormat function to change the text on the ticks, if so, how?</p>
  
  <p>Can/should ticks be manipulated from /common/axes/AxisTicks.js ?
  <a href="https://github.com/esbullington/react-d3/issues/162" rel="nofollow">https://github.com/esbullington/react-d3/issues/162</a></p>