Changing the transform origin for report scale

[tyson.decker]

Im using visualize.js to render a report on a page. I've built controlls for page navigation and zooming. The report is rendered in the center of the page and the window can be resized.

The problem is that when I set the report scale it looks like the report becomes off center. This is becasue the transform origin for the report is set to the top left corner. Ideally the transform origin would be set to "center top 0px" instead of "left top 0px"

Is there anyway to override this when rendering the report?

I cant' just made a CSS rule because the transform origin property is set on the element and overrides any rule I add.

I tried manually setting it with javascript which kind of works, except whenever visualize.js resizes (ex. when you resize the window) it automatially reset the transform origin property.