摆脱 c3.js 上的中间线

Question

谁知道怎么去掉图片上的这条线？我无法在开发人员工具上找到它。它仅在我将鼠标悬停在其中一个条（任何条）上时出现。

我想尝试的是：

 d3.selectAll("the nane of the line blah blah").filter(function(d) {
      return d === 0;
 }).remove();

Answer 1

那是网格线。 c3.js 解决方案只是：

grid: {
    x: {
    show: false
    }
}

或者，使用 d3 selection，select 他们所属的组（其 class 是 "c3-xgrids"）并删除该组：

d3.select(".c3-xgrids").remove()

如果您只想 select 一行，其 class 被命名为 "c3-xgrid"。

Answer 2

如果它在鼠标悬停时弹出，这就是您需要的：

grid: {
    focus: {
        show: false
    }

}

它在 c3 参考文档中有一个 link 但当您单击它时没有实际内容或占位符 :-p http://c3js.org/reference.html#grid-focus-show

getting rid of the middle line on c3.js