在点后面放置网格线

Question

我创建了一个包含网格线和散点图的图形。我遇到了网格线的问题，因为它出现在散点图之上。我想把它放在散点图下面。我也知道d3.js按顺序执行语句。我在散点图的代码之前放置了网格线的代码，但它不起作用。 这是我图形图像http://snag.gy/VEccS.jpg的链接 下面是我的代码。

var x1 = d3.scale.log()
                .range([0, width - 200])
                .domain(d3.extent(data, function(d) { return d.PhIII_Effort; })).nice();

            var y1 = d3.scale.log()
                .range([height, 0])
                .domain(d3.extent(data, function(d) { return d.SizeNew_1; })).nice();


            function make_x_axis1() {
                return d3.svg.axis()
                .scale(x1)
                .orient("bottom")
                .ticks(5)
                }

            function make_y_axis1() {
                return d3.svg.axis()
                .scale(y1)
                .orient("left")
                .ticks(5)
                }

            svg1.append("g")
            .attr("class", "grid")
            .attr("transform", "translate(0," + height + ")")
            .call(make_x_axis1()
            .tickSize(-height, 0, 0)
            .tickFormat("")
            );

            svg1.append("g")
            .attr("class", "grid")
            .call(make_y_axis1()
            .tickSize(-width,0, 0)
            .tickFormat("")
            );