在 c3js 中使 y 轴虚线

Question

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

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

允许效果，但它也将其添加到 X 轴。我无法对 Y 轴进行隔离。

我试过了

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

但这也行不通。有人可以帮帮我吗

我的fiddle：https://jsfiddle.net/sourabhtewari/94tbbyrd/1/

Answer 1

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

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

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

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