Как изменить ось x в D3?

Question

Я попытался создать гистограмму, показывающую дни каждого месяца в году. Я хочу изменить числа по оси x гистограммы, но оказывается, что число начинается с 0 и заканчивается на 11 вместо 1 до 12. Как я могу решить эту проблему?

//x 
var xScale = d3.scale.ordinal() 
    .domain(d3.range(dataset.length)) 
    .rangeRoundBands([0, width - padding.left - padding.right]); 

//y 
var yScale = d3.scale.linear() 
    .domain([0,d3.max(dataset)]) 
    .range([height - padding.top - padding.bottom, 0]); 

//the define of x 
var xAxis = d3.svg.axis() 
    .scale(xScale) 
    .orient("bottom"); 

//define of y 
var yAxis = d3.svg.axis() 
    .scale(yScale) 
    .orient("left"); 


/add x 
svg.append("g") 
    .attr("class","axis") 
    .attr("transform","translate(" + padding.left + "," + (height - padding.bottom) + ")") 
    .call(xAxis); 

Answer 1

использование tickformat() для форматирования метки осей как:

var xAxis = d3.svg.axis() 
    .scale(x) 
    .orient("bottom") 
    .tickFormat(function(d) { return d + 1; }); //make changes here relevant to ur data