D3如何从不透明刻度中删除刻度点

Question

我有d3.scale.linear对象。使用css我做了那个不透明的比例：

.axis .domain {
    visibility: hidden;
}

.axis .halo {
    fill: none;
    stroke: #ccc;
    stroke-opacity: .5;
    stroke-width: 17px;
}

（示例代码取自http://bl.ocks.org/mbostock/6452972）

正如您所看到的，比例滴答仍然留有一些点。

我试过这个css：

    .tick {
        opacity: 0;
    }

但它没有帮助

Answer 1

尝试将刻度线的填充设置为透明或与背景颜色相同的颜色。像JS中的以下内容或使用CSS。

.style {
   fill: transparent;
}

希望这有帮助！

Answer 2

    .axis line {
        visibility: hidden;
    }

解决了这个问题。

这是从javascript本身完成的：

d3.select(".axis")
    .selectAll("line")
    .attr("style", "visibility: hidden;");