Problema al utilizar tablas Flot en un sitio web jQtouch

Question

Hiiii

Tengo un sitio en jQtouch dev y me gustaría usar una tabla en la que, para mí Flot parece la mejor manera de hacer esto (más bonita!)

Sin embargo, si puedo implementar flot en el sitio me sale el siguiente error:

dimensiones no válidos para la trama, width = 0, altura = 0

Si comento hacia fuera la hoja de estilo ../jqtouch/jqtouch.min.css la tabla flot funciona muy bien.

Esto creo que tiene algo que ver con el hecho de que no se puede utilizar flot dentro de un div que tiene display: none

Desde el readme Flot

  

cita en bloque   Asegúrese de que el   marcador de posición no está dentro de algo con una pantalla: ninguna propiedad CSS -   en ese caso, Flot tiene dimensiones de las etiquetas de medición problemas que   resultados en miradas confusas y podrían tener problemas para medir la   dimensiones de marcador de posición que es fatal (que va a lanzar una excepción).

¿Alguien sabe si puedo solucionar este / a solucionar este modo flot y jQtouch trabajar juntos?

Gracias

Hairby

Answer 1

He conseguido utilizar http://highcharts.com/ y jQtouch juntos ... sin embargo me Don 't tiene un ejemplo de buenas a primeras a mostrar.

Tome un vistazo a Highcharts Tho, me cambié a la misma desde Flot y nunca miró hacia atrás.

Answer 2

Puede utilizar visibiity:hidden o position: absolute y tenerlo fuera de la página, aparte de eso ... no hay opciones reales ya que no puede inicializar en un área vacía.

Por otra parte, si se oculta por la hoja de estilo, simplemente anular el estilo en línea:

<div id="myDiv" style="width:400px;height:300px;"></div> 

$.plot($("#myDiv"), [ .... ]);