Alterar os carrapatos no eixo x

Eu estou tentando descobrir d3.js. Ao definir o eixo, como posso obter uma marcação personalizada no eixo x. Por exemplo, a rotulagem padrão que recebo é:

|------|------|------|------|------|------|
20    30     40     50     60     70     80

Considerando que eu quero algo como:

|------|------|------|------|------|------| ....
20    26      32    38     44     50     56

Atualmente estou aprendendo e trabalhando em código (ligeiramente modificado) a partir de exemplos oficiais fornecidos:

var xAxis = d3.svg.axis().scale(x).tickPadding(7).orient("bottom");
var yAxis = d3.svg.axis().scale(y).tickPadding(5).orient("left");

questionAnswers(1)

yourAnswerToTheQuestion