Làm cách nào để tăng chiều cao của khu vực nhãn x trục trên biểu đồ highchart.js?

Question

Tôi có một biểu đồ đường đơn giản được tạo bởi highcharts.js. Tôi có rất nhiều dấu tích trong trục x (30), vì vậy tôi đặt stagger thành 2 đối phó với các dấu hiệu chồng lên nhau theo chiều ngang. Tuy nhiên, hàng của các nhãn đánh dấu trục x thấp hơn đang được cắt bỏ ở cuối biểu đồ.

Bất kể tôi tạo biểu đồ cao bao nhiêu thì dòng nhãn đánh dấu x-trục thấp hơn bị cắt. Làm thế nào tôi có thể tăng chiều cao của khu vực này để sửa lỗi này? Hoặc là có một số phương pháp khác?

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

Chỉ cần vuốt lên tùy chọn marginBottom. Giá trị mặc định là 70 nên có nhiều cho 2 hàng nhãn tick, bạn đã đặt nó thành 25 hàng không phải.