d3js v4:仅在x轴上显示标签

时间:2017-02-21 07:09:05

标签: d3.js

我正在创建一个堆积条形图。我想在x轴上只显示刻度线的标签文字,但没有刻度线和水平x轴线。

我如何离开这里?

g.append('g')
  .attr('class', 'axis')
  .attr('transform', 'translate(0,' + height + ')')
  .call(d3.axisBottom(x));

1 个答案:

答案 0 :(得分:3)

把它作为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>
&#13;
&#13;
&#13;