Any pointers on responsive chart rendering?

The best thing to do to make a chart responsive is to make sure you set height and width to “100%” inside of zingchart.render, and explicitly set the div element you are binding ZingChart to it’s own dimensions. ZingChart inserts itself into the div container that you specify, so setting the height and width of a chart to 100%, it relies on the container’s CSS to rescale itself.

I have a demo here of two charts side by side with widths as a percentage. Resizing your browser will demonstrate it’s responsiveness.

Have more questions? Submit a request


Please sign in to leave a comment.