如何更改C3JS垂直工具提示线的颜色并隐藏y轴线

Question

关于c3js，我有两个问题，能否请您告诉我解决方案：

1. 对于客户工具提示，鼠标移动有一条浅灰色的垂直线，我们需要一些特殊的颜色来替代垂直线，而不是浅灰色。当鼠标移出图表时该线消失，我无法调试该线的类名，谁能告诉我可以用来更改垂直线颜色的类名吗？

2. 我们要求删除每个刻度线的垂直y轴线和较小的水平线。有人可以为此提出建议吗？

谢谢

Answer 1

Q1。您可以通过在样式表或样式声明中的.c3-xgrid-focus line上设置笔触来更改线条颜色。

.c3-xgrid-focus line {
  stroke: rebeccapurple;
}

Q2。您可以通过设置axis.y.show to false来隐藏y轴：

axis: {
  y: {
    show: false;
  }
}

如果您仍然想要刻度线文本，则可以使用CSS隐藏行：

.c3-axis.c3-axis-y path, .c3-axis.c3-axis-y line {
  stroke-opacity: 0
}