如何在highcharts中的plotLines内调用css属性

Question

我需要通过CSS更改plotLines的颜色。单击打印按钮后，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