Skip to content Skip to sidebar Skip to footer

D3 Make Y Axis Position Fixed Even The Scroller X

I have a chart with alot of data that means I have a scroller over the x axis. when I scroll over the X axis Y axis disappear. can i set to Y axis position fixed. ( always see this

Solution 1:

http://codepen.io/brantwills/pen/igsoc

var zoom = d3.behavior.zoom()
    .x(x)
    .y(y)
    .scaleExtent([1, 10])
    .on("zoom", zoomed);    

function zoomed() {
    svg.select(".x.axis").call(xAxis);
    svg.select(".y.axis").call(yAxis);   
    svg.selectAll('path.line').attr('d', line);  

    points.selectAll('circle').attr("transform", function(d) { 
        return "translate(" + x(d.point.x) + "," + y(d.point.y) + ")"; }
    ); 
}

Post a Comment for "D3 Make Y Axis Position Fixed Even The Scroller X"