如何更改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
}