Высокие графики рисуют линии сетки в области yAxis

Question

В Highcharts, есть возможность сместить метки оси Y в область графика с помощью

yAxis: {
    labels: {
        align: 'left',
        x: 0,
        y: -2
    }
}

. При этом значении метки покрываются линиями, метками данных и т. Д..

Можно ли нарисовать горизонтальные линии сетки через область меток yAxis, не запуская xAxis и серию там?Желаемое поведение обозначено черными линиями на изображении ниже.

Answer 1

Самое простое решение - настроить xAxis, например:

xAxis: {
    min: -0.5
}

Live демо: http://jsfiddle.net/BlackLabel/qnayxb04/

API: https://api.highcharts.com/highcharts/xAxis.min

ЕслиВы хотите иметь больше контроля над линиями, вы можете использовать setAttribute для редактирования элемента path:

chart: {
    events: {
        load: function() {
            var gridLines = this.yAxis[0].gridGroup.element.children,
                i,
                path;

            for (i = 0; i < gridLines.length; i++) {
                path = gridLines[i].attributes.d.nodeValue;
                path = 'M 40' + path.substr(4);

                gridLines[i].setAttribute('d', path)
            }
        }
    }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/61h5qtn9/1/