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

Question

我需要通过 CSS 更改 plotLines 的颜色。单击打印按钮后，plotLines 的颜色应变为黑色。因此，单击打印按钮后，将用具有“黑色”颜色的新 CSS 替换以前的 CSS。

标签： highcharts

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