Как в highcharts запретить сокрытие элементов по X?

Проблема в том, что при уменьшении экрана иконки под графиками исчезают, однако этого не хотелось бы. Я пробовал и zoomEnabled: false ставить, предварительно прописав в zoomType: 'xy', не помогло. Также попробовал у labels: overflow: "allow", padding: 1 менять, тоже без изменений. Только уменьшение размера иконок помогло, но чтобы они не пропадали нужно очень сильно их уменьшать.

Как при маленьком экране сделать так, чтобы иконки не пропадали или хотя бы скрывались только отсутствующие у графика (отмена адаптации для оси X)?

Примерный Код для инициализации. (Закомментированы мои предположения):

chart1 = new Highcharts.Chart({
     chart: {
        type: 'column',
        //zoomType: 'xy',
     },
     title: {
        text: 'Какой-то текст'
     },
     xAxis: {
           categories: $.map(months, function (item) {
               return item;
           }),
           labels: {
               useHTML: true,
               //overflow: "allow",
               //padding: 1,
               fotmatter: function() {
                 let icons = $.map(months, function (item) {
                     let icon = counter;
                     arrayIcon[item] = '<img src="icon_' + item + '.png" height="20">'
                 });

                 let objIcons = Object.assign({}, arrayIcon);
                 return objIcons[this.value];
                },
           },
           //zoomEnabled: false
       },
     yAxis: {
        title: {
           text: 'Подзаголовок'
        }
     },
     plotOptions: {
            column: {
              states: {
                inactive: {
                    enabled: false
                }
              }
            }
         },
     series: [{
        name: 'Dev #1',
        data: [5, 10, 20, 22, 25, 28, 30, 40, 80, 90]
     }, {
        name: 'Dev #2',
        data: [15, 15, 18, 40, 30, 25, 60, 60, 80, 70]
     }]
    });

На изображении происходящее при уменьшении экрана Картинка


Ответы (0 шт):