Problem using Flot charts on a jQtouch web site

Posted by hairbymaurice on Stack Overflow See other posts from Stack Overflow or by hairbymaurice
Published on 2010-03-18T13:09:54Z Indexed on 2010/03/18 13:11 UTC
Read the original article Hit count: 1140

Filed under:
|
|

Hiiii

I have a jQtouch site in dev and i would like to use a chart on it, to me Flot looks like the best way to do this (prettiest!)

However if i implement flot on the site i get the following error:

Invalid dimensions for plot, width = 0, height = 0

If i comment out the style sheet ../jqtouch/jqtouch.min.css the flot chart works just fine.

This i think has something to do with the fact that you cannot use flot inside a div that has display:none

From the Flot readme

Blockquote Make sure that the placeholder isn't within something with a display:none CSS property - in that case, Flot has trouble measuring label dimensions which results in garbled looks and might have trouble measuring the placeholder dimensions which is fatal (it'll throw an exception).

Does anyone now if i can work around this/fix this so flot and jQtouch work together?

Thanks

Hairby

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jqtouch