Ограничить Highcharts сгруппированные категории и стиль меток по оси X ⇐ CSS

[Anonymous]

Я пытаюсь нарисовать диаграмму, как показано ниже, но ось X останавливается в конце 11 года, чего на данный момент нет. Я установил максимальное значение на 19, но это не сработало. Как мне избавиться от этих серых линий после окончания 11 года?
Также для меток по оси X я хочу уменьшить размер шрифта второй категории ([1,2,3,4]) и года с более крупным шрифтом, но в стилях меток свойство размера шрифта применяется ко всем меткам.

Код: Выделить всё

var l=19;
var m=-0.6;

new Highcharts.Chart({
chart: {
renderTo: elementId,
spacingLeft: 10,
spacingRight: 10
},
title: {
text: subject
},
xAxis: {
categories: [{
name: "Year 7",
categories: [1, 2, 3, 4]
}, {
name: "Year 8",
categories: [1, 2, 3, 4]
}, {
name: "Year 9",
categories: [1, 2, 3, 4]
}, {
name: "Year 10",
categories: [1, 2, 3, 4]
}, {
name: "Year 11",
categories: [1, 2, 3, 4]
}],
labels: {
style: {
fontSize: '7.5px'
}
},
plotLines: [{
color: '#5DA06E',
width: 2,
value: l
}, {
color: '#5DA06E',
width: 2,
value: -1
}],
//max: l
},

yAxis: [{
labels: {
enabled: false
},
title: {
text: null
},
min: 0,
max: 1000
},
{
title: {
text: null
},
labels: {
style: {
fontSize: '7.5 px'
},
align: 'left',
x: 3,
formatter: function () {
var value = change[this.value];
return value !== 'undefined' ? value : this.value;
}
},
tickPositions: [0, 280, 360, 440, 520, 600, 680, 760, 840, 920, 1000],
gridLineColor: 'white',
opposite: true,
min: 0,
max: 1000
}],

series: [{
type: 'line',
data: [[m, 0], [l, 280]],
color: '#A5DEC1',
}, {
type: 'line',
data: [[m, 80], [l, 360]],
color: '#94D0A3',
},
...

Подробнее здесь: https://stackoverflow.com/questions/309 ... bels-style