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

Question

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

我从这里怎么走？

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

Answer 1

把这是CSS：

.axis path, .axis line {
  fill: none;
  stroke: none;
}

这是一个演示：

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