javascript - Why does my X-axis ticks make a little "jump" on safari with D3.js? -


i have graph on website works fine on chrome, on safari or ie, when of following:

-change dataset

-change dropdown below blue button

-remove or add ticks in "select population" button

the ticks on x-axis make little "jump" or "hop" before going new position. never happens on chrome. why this?

here link website: http://servers.binf.ku.dk/hemaexplorerbeta/

this code makes bump:

svg.select(".x.axis").transition().duration(1500)     .call(xaxis)     .selectall("text")         .style("text-anchor", "end")         .attr("transform", function(d) {         return "rotate(" + axis_rotation + ")"          }); 

if remove transition().duration() doesn't anymore, doesn't change x-axis fluently either.


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -