Set chart width, tall charts

Question

Is it possible to set the width of high-frequency diagrams using percentage? Whenever a page changes, should the charts react enough to fit the page size?

One solution

Question: I have 3 charts that I need to display side by side, and every time the page resizes, 3 charts should scale and use the screen size accordingly. Can I use with tall charts?

The solution to this problem?

Answer 1

Wrap your charts in a container and this will give you the flexibility to adjust the size of the chart when the screen changes.

Also specify the width of your shell and make it float to the left so that the charts are located side by side.

Here is an example: http://jsfiddle.net/ZrTux/9/

.chart-wrapper { float: left; padding-bottom: 40%; position: relative; width: 45%; }