javascript - 轴的 D3 文本未显示

Question

这是我的代码:

    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 .