Можете ли вы удалить определенные линии сетки и метки точек, используя старшие диаграммы без CSS?

Question

В настоящее время я использую css для удаления линий сетки и меток по оси Y, как показано на рисунке ниже.

CSS:

.highcharts-yaxis-grid path:nth-child(1),.highcharts-yaxis-grid path:nth-child(2),
.highcharts-yaxis-grid path:nth-child(4),.highcharts-yaxis-grid path:nth-child(5){ stroke:transparent !important; }
.highcharts-yaxis-labels text:nth-child(1),.highcharts-yaxis-labels text:nth-child(2),
.highcharts-yaxis-labels text:nth-child(4),.highcharts-yaxis-labels text:nth-child(5){ fill:transparent !important; }

Всякий раз, когда я загружаю диаграмму как изображение, они появляются снова, что имеет смысл, так как он не видит используемый мной файл CSS.

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

Answer 1

Например, в событии load вы можете удалить определенные labels и gridLines:

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

            gridLines[2].remove();
            ticks[tickPositions[2]].label.element.remove();
        }
    }
}

---

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

Справочник по API: https://api.highcharts.com/highcharts/chart.events.load