Axis labels inside

kzoon

by kzoon

HTML

<script src="http://code.highcharts.com/5.0/highcharts.js"></script>
<div id="container" style="height: 400px;"></div>

JavaScript

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'bar',
      marginLeft: 150
    },

    xAxis: {
      categories: ['Product 1', 'Product 2', 'Yet another product with a longer label'],
      labels: {
        style: {
          whiteSpace: 'nowrap',
          textOverflow: 'ellipsis'
        },
        align: 'left',
        x: 6
      }
    },

    series: [{
      data: [39.9, 71.5, 106.4]
    }]
  });
});