Как вызвать свойства CSS внутри plotLines в старших графиках

Question

Мне нужно изменить цвет plotLines через CSS.После нажатия кнопки печати цвет plotLines должен измениться на черный.Поэтому после нажатия кнопки печати заменит предыдущий CSS новым CSS с черным цветом.

Answer 1

В событиях диаграммы beforePrint и afterPrint вы можете переключать классы CSS для линий графика:

chart: {
    events: {
        beforePrint: function() {
            this.xAxis[0].plotLinesAndBands[0].svgElem.addClass(
                'chart-plot-line-print-1',
                true
            );

        },
        afterPrint: function() {
            this.xAxis[0].plotLinesAndBands[0].svgElem.addClass(
                'chart-plot-line-1',
                true
            );
        }
    }
}

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

Справочник по API:

https://api.highcharts.com/highcharts/chart.events

https://api.highcharts.com/class-reference/Highcharts.SVGElement#addClass

https://api.highcharts.com/class-reference/Highcharts.SVGElement#removeClass