如何在C3.js中自定义Y轴网格线CSS属性？X轴生效Y轴未生效

你写的CSS代码里存在拼写错误：Y轴注释里的grig应该是grid，这就是只有X轴网格线样式生效的原因。

修正后的完整代码如下：

// 增大X轴网格线间距
.c3-xgrid-line{
    stroke-dasharray: 10,5;
}
// 增大Y轴网格线间距（修正拼写错误）
.c3-ygrid-line {
    stroke-dasharray: 10,5;
}

如果修正后Y轴样式仍未生效，可能是默认样式优先级更高，可以尝试添加!important强制覆盖：

.c3-ygrid-line {
    stroke-dasharray: 10,5 !important;
}

内容的提问来源于stack exchange，提问作者Akhil S Babu