javascript - 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;
}

希望这对您有所帮助!