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

はデモです：

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>