在c3js中使y轴虚线

Question

我正在尝试将 y 轴设为虚线。使用

.domain{ stroke-dasharray: 5,5; }

允许效果，但它也将其添加到 X 轴。我无法获得 Y 轴的隔离。

我试过了

var xAxis = d3.selectAll('.c3-axis .c3-axis-x');

但这也行不通。谁能帮帮我。

我的小提琴：https://jsfiddle.net/sourabhtewari/94tbbyrd/1/

Answer 1

您可以删除全局 css 破折号规则（因此适用于 x 轴和 y 轴）：

.domain{
  /* stroke-dasharray: 5,5;*/
}

而是专注于仅在 y 轴上应用 css 破折号规则：

.c3-axis-y {
  stroke-dasharray: 5,5
}