title: How to prevent highcharts from shortening labels with ellipsis
body: <p>Highcharts is truncating an x-axis label on a bullet chart. I want to prevent this happening and always show the full text without shortening. </p>
  
  <p><img src="https://i.stack.imgur.com/hZNVC.jpg" alt="enter image description here"></p>
  
  <p>I have tried</p>
  
  <pre><code>.highcharts-container { overflow: visible !important; }
  .highcharts-axis-labels text
      { 
      overflow: visible !important;  
  }
  </code></pre>
  
  <p>but it seems like the SVG is doing the truncation and ellipsis, not CSS as you can tell by seeing the rendered markup.</p>
  
  <pre><code>&lt;text x="229.0625" style="color: rgb(96, 96, 96); cursor: default;     font-size: 9px; padding: 0px; fill: rgb(96, 96, 96);" text-anchor="middle"   transform="translate(0,0)" y="32" opacity="1"&gt;
  &lt;tspan&gt;47…&lt;/tspan&gt;
  &lt;title&gt;47.5k&lt;/title&gt;
  &lt;/text&gt;
  </code></pre>
  
  <p>I have tried adding the following property in the javascript:</p>
  
  <pre><code>labels: {
      autoRotation: false,
      style: {
      width: '200px',
      'min-width': '200px'
  },
  </code></pre>
  
  <p>But it does not work. How can I prevent highcharts from truncating the label text?</p>