首页 > 解决方案 > Highcharts:在 styledMode 开启时在线条系列上设置笔画宽度无效

问题描述

styledMode我正在尝试在已打开的图表中设置线系列的特定线宽。(样式模式对我们来说是必要的,以消除导致Content-Security-Policy错误的内联样式。)

我发现我的样式中的笔触颜色已正确应用于线条,但stroke-width设置被忽略,即使我将其标记为!important.

jsfiddle:http: //jsfiddle.net/tsjLg95w/

您可以编辑笔触值以证明正在应用该样式。

标签: highcharts

解决方案


笔画实际上是应用在具有该类的子路径上,highcharts-graph该类的默认stroke-width值为 2px。覆盖stroke-width该类而不是工作(所以你的选择器是.series0Line .highcharts-graph):

.series0Line .highcharts-graph {
  stroke-width: 30px;
  stroke: red;
}

JSFiddle:http: //jsfiddle.net/7z8jx1y3/


推荐阅读