d3js v4: показывать только метки по оси x

Question

Я создаю сложную гистограмму. Я хотел бы показать только текст метки метки на оси x, но без тиков и горизонтальной оси оси x.

Как мне отсюда перейти?

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

Answer 1

Put это 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>