title: how to display text on label in single line
body: <p>I want to dispaly label text in one line on horizontal bar in highcharts. below is the code.I want to dispaly label text in one line on horizontal bar in highcharts. below is the code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;  
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
        &lt;div id="container" style="min-width: 100%; max-width:100%; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      $(function () {
  
      var chart = new Highcharts.Chart({
      chart: {
          renderTo:'container',
          marginLeft:120,
          marginBottom: 100,
          type:'bar'
      },
      credits: {enabled: false},
      legend: { 
          enabled: true,
          layout: 'vertical',
          backgroundColor: '#FFFFFF',
          floating: true,
          align: 'right',
          verticalAlign: 'bottom',
          margin: 50
      },
      title: {text: null},
      tooltip: {},
      plotOptions: {
          series: {
              stacking: 'normal'
          }
      },
      series: [{
          name: 'John',
          color: '#006666',
          pointWidth: 40,
          data: [2, 2, 1, 1, 1]
      }, {
          name: 'Jane',
          color: '#00FF00',
          pointWidth: 40,
          data: [2, 2, 2, 1, 2]
      }, {
          name: 'Joe',
          color: '#FF8C00',
          pointWidth: 40,
          data: [1, 1, 1, 1, 1],
      }],
      xAxis: {
          categories: ['Computer Devices &amp; Accessories', 'Computer Peripherals Hire &amp; Repair Services', 'Computer Laptop Hardware &amp; Peripherals', 'Computer Stationery, Hard disk, Ram, Pen Drives &amp; Other Products', 'Internet Accessories'],
          labels: {
              align:'left',
              x:5,
              style: {
                  fontSize: '1em',
                  color:'#fff'
              }
          }
  
      },
      yAxis: {
          min: 0,
          allowDecimals: false,
          title: {
            text: ''
          }
      }       
  });
  
  
  
      });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There is a better example of what I want to accomplish</p>
  
  <p>I want to dispaly label text in one line on horizontal bar in highcharts. below is the code.I want to dispaly label text in one line on horizontal bar in highcharts. below is the code</p>