D3.js line chart: axis with fixed position

Question

i got a normal line chart written in d3.js

body {
    font: 10px sans-serif;
}

.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: c         


        

Answer 1

Try applying the style when you generate the axis.

svg.append("g")
        .attr("class", "x axis")
        .attr("transform", "translate(0," + height + ")")
        .style("position", "fixed")
        .call(xAxis);

Answer 2

window.onscroll = function() {myFunction()};

        function myFunction() {
            if(window.pageYOffset == 0)
            {
                d3.select("#test").nodes()[0].setAttribute("transform", "translate(200, " + 10  +")")
            }
             if (window.pageYOffset > 0) {
              d3.select("#test").nodes()[0].setAttribute("transform", "translate(200, " + window.pageYOffset  +")")
}
}