样式模式下的highcharts列笔划

时间:2018-11-13 10:34:16

标签: javascript css highcharts

在样式模式下将高图表与柱形图一起使用时,我无法更改柱形边框的颜色(正常模式下为borderColor属性)。

https://jsfiddle.net/ouaigooo/42xgm5r7/

设置

.highcharts-point {
    stroke: black;
}

没有效果! (笔划宽度有效,但笔划无效)

换句话说,我该如何在样式模式下重现它?

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/column-borderwidth/

series: {
        borderWidth: 2,
        borderColor: 'black'
    }

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

stroke样式被覆盖,请使用更强的选择器:

.highcharts-column-series rect.highcharts-point {
    fill: #FF0000;
    stroke: blue;
    stroke-width: 4px;
}

实时演示:https://jsfiddle.net/BlackLabel/r2h1kzqu/