javascript - D3 如何从不透明刻度中去除刻度点

标签 javascript html css d3.js

我有 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 )


enter image description here


如您所见,仍有一些刻度刻度留下的点。

我试过这个 css:

    .tick {
        opacity: 0;
    }

但是没用

最佳答案

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

.style {
   fill: transparent;
}

希望这对您有所帮助!

关于javascript - D3 如何从不透明刻度中去除刻度点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30893429/

相关文章:

javascript - 如何删除以某个字符串开头的 localStorage 数据?

html - 如何防止跨度随内容增长

javascript - 文本输入验证函数Javascript

javascript - 测量耗时 requestAnimFrame

html - Btn-group 不拉伸(stretch)表格的宽度

javascript - 在 Firefox 和 Chrome 的左侧显示 iframe 滚动条

javascript - 我怎样才能得到一个 div 及其所有子项及其各自的 computedStyles?

css - 在 CSS 中重叠图像

css - 在多个内容属性中引用 base64 数据

javascript - jQuery 在 AJAX 请求中使用回调中断循环