стиль линии маркировки с d3.js

Question

Есть ли способ выбрать все линии метки и сделать их пунктиром? Я попытался выбрать все линии, но это только достало меня на полпути. Вот мой код до сих пор:

http://jsbin.com/zosihajari/edit?js,output

Что бы я сделал, чтобы достать из вертикальных линий, сделать их серыми и пунктирной, но и, если это возможно смещение их немного в стороне от осевой линии, чтобы они не начало/конец в нижней части верхней части svg. Есть ли способ сделать это?

Answer 1

Установите outerTickSize нулю:

var xAxis = d3.svg.axis() 
    .scale(x) 
    .orient("bottom") 
    .outerTickSize(0) 
    .innerTickSize(-(height-20)); 

Вот ваш JSBin: http://jsbin.com/jepudifowu/1/edit?css,js,output