Jak zwiększyć wysokość obszaru etykiet osi X na wykresie highchart.js?

Question

Mam prosty wykres liniowy stworzony przez highcharts.js. Mam dużo znaczników w osi X (30), więc ustawiam się w stanie 2, aby znaki były zachodzące na siebie w poziomie. Jednak dolny rząd etykiet z odciskami osi X jest odcinany przed końcem wykresu.

Bez względu na to, jak wysoko zrobię wykres dolny rząd etykiet znaczników tyknięć osi X jest obcięty. Jak mogę zwiększyć wysokość tego obszaru, aby to naprawić? Czy istnieje inna metoda?

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; ?>] 
}] 
     }); 

Answer 1

Wystarczy podnieść opcję marginBottom. Wartością domyślną jest 70, która powinna być wystarczająca dla 2 rzędów etykiet, ustawisz 25, które nie są.