title: Highcharts: Bar chart: Label width : nowrap
body: <p>Thanks for your help.  I have having a heck of a time trying to get something to work which is throwing me for a loop..</p>
  
  <p>As seen in <a href="http://jsfiddle.net/q9rkq25n/" rel="nofollow noreferrer">this jsfiddle</a> (code copied below) i have a bar chart with a really long label which is wrapping.  </p>
  
  <p>What i am hoping to do i max out the label portion of the chart so that the label doesn't wrap while reducing the size of the actual data chart.</p>
  
  <p>As an example; in the jsfiddle the label is maybe 30% of the total width and the bar data is 70%.  Knowing my data, the labels would take up 80% of the width and the data would be in the last 20%.  </p>
  
  <p>Thoughts?  Thanks, Steven.</p>
  
  <pre class="lang-js prettyprint-override"><code>$(function () {
  
  $('#container').highcharts({
      chart: { type: 'bar' },
      xAxis: {           
          labels: {
              style: {
                  "textOverflow": "none",
              }
      } ,
      categories: ['Jan is the first month of the year and if you have a problem with that', 'Feb is the second']
      },
      series: [{  data: [29.9, 71.5] }]
  });
  });
  </code></pre>