dc.js - Hide the div container till the svg is created

Question

I've created a series of the chart using dc.js. The visualization is of huge records about 1M. When I open it in the browser. At the beginning I only get the div with colors what I've given. I wanted to hide those div which is container in a div.container.

Can any one suggest me a best way on hiding the div until the svg is created?

Help will be very much pleased.

Thanks in advance!!

Answer 1

I think the listeners might be what you're looking for, e.g. postRedraw or postRender.

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#listeners

Note you can also get dc.js to render into a div that is not on-screen and then reparent it. Just supply the div element itself instead of a selector for the parent parameter of the constructor.