dynamic chart width

[mshamblottMember]

I’m having some trouble setting the width of chart. I can set it within the HTML DIV but want to be able to set it dynamically based on the number of columns, and most importantly, based on the viewport. I have a page that generates charts and grids. They look great on a large screen or landscape tablet but get cropped on small screens. I have tried using the grid width property, but can get it to scale well when small.
The desired effect is to use scroll bars on a small screen.

Thanks for the great tools!

mike

[Peter StoevKeymaster]

Hi Mike,

You can use percentage widths and heights as demonstrated in this sample: integration.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[mshamblottMember]

Thanks for the reply. When I browse to this page I get the same right side clipping I see on all the jqwidget structures. I use chrome and am trying to get charts and tables to look good on small and mobile screens. To test, I open the page then narrow it to the width of a mobile screen. The graph had two sizes, large (and clipped) and very small. I then narrow the browser window then launch-same clipping behavior.

What im trying to accomplish is to have a graph or chart that scales well with my responsive web design. Big on a big screen and gracefully reduced in size on smaller viewports (charts) or horizontally scrolled (grids).

This might not be possible, but if it is i’d like to get it to work. Are there some websites you can point to that do a good job scaling jqwidgets?

Anyways, these tools are brilliant-thanks!

Mike

[Author]

Posts