Highchart оси Х метка слишком долго [РЕШИТЬ]

Question

Пожалуйста, обратитесь изображение прилагается ниже:

Моя ось X маркирует слишком долго и Highchart удалось посмотреть только 3 символов. Какой код следует добавить для просмотра всего ярлыка?

Edited, добавляют в раствор

РЕШЕНИЕ:

Очень простое решение я добавил в "MarginBottom: 70" и в состоянии показать полную этикетку. см. ниже.

$(document).ready(function() { 
     var options = { 

      chart: { 
       renderTo: 'container', 
       type: 'column', 

       marginBottom: 70, 
       marginRight: 130 

      }, 
      title: { 
       text: 'All Gantries Instertions', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: '', 
       x: -20 
      }, 
      xAxis: { 

       categories: [], 

      }, 

Answer 1

Вы можете использовать форматировщик lable с использованиемHTML = true и внутри которого используется пользовательский класс.

Ваш узел xAxis будет выглядеть примерно так.

 xAxis: { 
      labels: { 
       formatter: function() { 
        return '<span class="XYZ">' + this.value + '</span>'; 
       }, 
       useHTML: true 
      } 
     } 

Примените свой класс к пользовательскому css вместо XYZ.

Answer 2

Вы можете установить useHTML как истинные и определить ширину метки. Более того, вы можете увеличить параметр spacingBottom.

xAxis: { 
    labels: { 
     useHTML:true, 
     style: { 
      width: 50 //where 50 is value in pixels 
     } 
    } 
}