Bir highchart.js grafiğinde x ekseni etiketlerinin yüksekliğini nasıl artırırsınız?

Question

Highcharts.js tarafından oluşturulan basit bir çizgi grafiğim var. X ekseninde (30) çok fazla işaretim var, bu yüzden tablayı yatay olarak birbiri üzerine bindiren işaretlerle 2 anlaşmaya ayarlıyorum. Bununla birlikte, x ekseni kene etiketlerinin alt satırı, grafiğin sonuna kadar kesiliyor.

Grafiği ne kadar uzun sürdüğüm önemli değil, x ekseni işaretinin alt satırı etiketleri kesilir. Bunu düzeltmek için bu alanın yüksekliğini nasıl artırabilirim? Yoksa başka bir yöntem var mı?

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

Sadece marginBottom seçeneğini çarpın. Varsayılan, 70 satırlık etiketler için bol olan 70'tir, bunu 25'e ayarlamamışsınızdır.