Comment voulez-vous augmenter la hauteur de l'axe des x zone étiquettes sur un highchart.js le graphique?

J'ai une simple ligne graphique créé par highcharts.js. J'ai beaucoup de marques de graduation sur l'axe x (30), j'ai donc mis échelonner de 2 traiter avec les marques qui se chevauchent les uns les autres à l'horizontale. Cependant, la ligne inférieure de l'axe des x étiquettes de graduation est coupée par l'extrémité de la carte.

N'importe quelle taille je fais le graphique la ligne inférieure de l'axe des x de marque de graduation des étiquettes est coupée. Comment puis-je augmenter la hauteur de cette zone pour résoudre ce problème? Ou est-il une autre méthode?

month_chart = new Highcharts.Chart({
chart: {
    borderRadius: 0,
    height: chart_height,
    marginRight: 30,
    marginBottom: 25,
    renderTo: 'leads-by-month',
    type: 'line',
},
title: {
    text: 'Past 30 Days',
},
xAxis: {
    categories: [<?php print $bymonth_categories; ?>],
    labels: {
        staggerLines: 2,
    },
},
yAxis: {
    title: {
        text: 'Leads',
        style: {color: '#3d3e41', }
    },
    plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
    }],
    min: 0,
},
plotOptions: {
    line: {
        color: '#578df1',
        dataLabels: {
            enabled: true,
            color: '#3d3e41',
        },
        enableMouseTracking: false
    }
},
legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -100,
    y: 74,
    floating: true,
    borderWidth: 1,
    backgroundColor: '#FFFFFF',
    shadow: true
},
series: [{
    name: '<?php print $organization['name']; ?>',
    data: [<?php print $bymonth_data; ?>]
}]
        });
InformationsquelleAutor Justin | 2012-07-10