как показать те же метки, что и гистограмма на перевернутом столбцовом графике

Question

Я хочу добиться того же, что и на этой картинке.

Я обнаружил, что единственный способ сделать это - перевернуть диаграмму столбца, проблема в том, что линии меток исчезают. И если я скрываю линии сетки, 0 линия Yaxis не исчезает.

Можно ли просто скрыть верхние линии сетки, используя зоны, или скрыть их все вместе и перерисовать линии вручную

chart: {
    type: 'column',
    inverted: true,

Скрипка здесь https://jsfiddle.net/warnisw/0qbdyf92/76/

Answer 1

Вместо gridLines вы можете использовать правильно оформленные тики:

yAxis: [{
    gridLineWidth: 0,
    tickLength: 10,
    tickWidth: 1,
    tickColor: '#FFF',
    ...
}]

Живая демоверсия: https://jsfiddle.net/BlackLabel/2g1a8nx3/

Справочник по API: https://api.highcharts.com/highcharts/yAxis.tickWidth