D3 текст оси не показывая

Question

Heres моего кода:

var height = 500, 
     width = 500, 
     margin = 25, 
     offset = 50; 
    var data = [4, 8, 15, 16, 23, 42]; 
    var axisWidth = width - 2 * margin; 
    var x = d3.scale.linear() 
    .range([0, axisWidth]) 
    .domain([0,42]); 
    var xAxis = d3.svg.axis() 
    .scale(x) 
     .ticks(20, ",.1s") 
     .tickSize(6, 0) 
    .orient("bottom"); 
    var chart = d3.select(".chart") 
     .attr("width", width) 
     .attr("height", height); 

    chart.append("g") 
     .attr("class", "x axis") 
     .attr("transform", "translate(0,200)") 
     .call(xAxis); 

Я следовал несколько примеров, и все они имеют линию, соединяющие тики и текстовые значения для тиков, все у меня есть клещи ?? Какой-нибудь подсказку, почему? Использование Chrome.

Answer 1

Вы должны установить стиль для линий, а также:

path, line { 
    fill: none; 
    stroke: black; 
} 

Полная демо here.