我正在创建一个堆积条形图。我只想在 x 轴上显示刻度线的标签文本,但不显示刻度线和水平 x 轴线。
我该如何离开这里?
g.append('g')
.attr('class', 'axis')
.attr('transform', 'translate(0,' + height + ')')
.call(d3.axisBottom(x));
这是CSS:
.axis path, .axis line {
fill: none;
stroke: none;
}
这是一个演示:
var svg = d3.select("svg");
var x = d3.scaleLinear().domain([1, 10]).range([10, 390])
svg.append('g')
.attr('class', 'axis')
.attr('transform', 'translate(0,50)')
.call(d3.axisBottom(x));
.axis path, .axis line {
fill: none;
stroke: none;
}
<script src="https://d3js.org/d3.v4.min.js"></script>
<svg width="400" height="80"></svg>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)