轴的D3文本未显示

时间:2014-10-02 18:02:49

标签: javascript d3.js

继承我的代码:

    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。

1 个答案:

答案 0 :(得分:1)

您还需要设置线条的样式:

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

完整演示here