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
Post a Comment