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

Question

我有两个关于c3js的问题，你能帮忙告诉我解决方法吗：

1. 对于客户的tooltip，有一条随鼠标移动的浅灰色竖线，我们需要一些特殊颜色的竖线，而不是浅灰色。当鼠标离开图表时线条消失，我无法调试线条的 class 名称，谁能告诉我可以使用什么 class 名称来更改垂直线颜色？

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
}