Axis labels inside

kzoon

by kzoon

HTML

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            inverted: true,
            type: 'column',
            backgroundColor: '#FCFFC5'
        },
        credits: {
            enabled: false
        },

        legend: {
            enabled: false
        },
        xAxis: {
            categories: ['Product 1', 'Product 2', 'Yet another product'],
            labels: {
                align: 'left',
                x: 6
            }
        },

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