Positioning the absolute ruler in the div in which it is contained. So you need to make sure your div is free from any other style that might affect this.
For example, using boostrap, I had this problem when my horizon graph was in a grid array: 
Change my cubism graph div from:
<div id="graph"></div> to
<div id="graph" style="position:relative" ></div>
Then the ruler moved to the desired position without affecting other styles on the page

Link to the github cubism page: https://github.com/square/cubism/issues/18
source share