javascript - 是什么让网格线可见？

Question

这更多的是一个概念性问题。我想在面积图中实现网格线。 我正在使用this作为引用。我无法理解示例中代码中的网格线到底在哪里绘制，以便我可以在面积图中实现这些网格线。我正在使用以下代码来绘制轴。

var yAxis = d3.svg.axis()
          .scale(y)
          .orient("left")
          .ticks(4,".1s")
          .tickSize(10, 0);

        var xAxis = d3.svg.axis()
          .scale(x)
          .orient("bottom")
          .ticks(numberOfDays)
          .tickSize(10, 0);

        vis.append("g")
          .attr("class", "y axis")
          .call(yAxis);
        vis.append("g")
          .attr("class", "x axis")
          .attr("transform", "translate(0," + HEIGHT + ")")
          .call(xAxis);

Answer 1

从显示的示例中我已经实现了这个 fiddle :https://jsfiddle.net/6p3bvqrL/

您可以看到以下内容创建了行:

 .innerTickSize()
 .outerTickSize()

示例:

https://github.com/d3/d3/wiki/SVG-Axes

http://bl.ocks.org/phil-pedruco/6579467