title: How to stylistically edit axes labels on AG-GRID standalone charts?
body: <p>I'm working with ag-Grid to create both tables and charts. I've read through all of the documentation on editing the labels on the axes of grouped, stacked and normalised columns and bar graphs and although there's information on how to format labels on AG-Grid charts, there isn't a way (it seems) to edit them such that they don't overlap when there are multiple labels.</p>
  <p>For example I have a line chart below:</p>
  <p><a href="https://i.stack.imgur.com/O8H9g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O8H9g.png" alt="enter image description here" /></a></p>
  <p>The labels on the x-axis are clustered together because each point on the line chart is titled a lengthy word/phrase. I've tried to add padding on the label (second line)</p>
  <pre><code>this.options.axes = [
      { type: 'category', position: 'left' },
      { type: 'number', position: 'bottom', label: { padding: 10 } }
  ]
  </code></pre>
  <p>However it doesn't help the situtation. How can I make it so that either the label is removed altogether or whenever the labels on the axes are over a certain length then it narrows down to just a few letters and then show an ellipses?</p>
  <p>For example in the image, the first label 'Business-as-usual' would be narrowed down to just 'Bu..'?</p>