problème en utilisant les cartes Flot sur un site web jQTouch

Question

Hiiii

J'ai un site jQTouch en dev et je voudrais utiliser un graphique sur elle, me Flot ressemble à la meilleure façon de le faire (la plus jolie!)

Cependant, si je mets en œuvre Flot sur le site je reçois l'erreur suivante:

dimensions non valides pour la parcelle, width = 0, height = 0

Si je commente la feuille de style ../jqtouch/ jqtouch.min.css le graphique de flot fonctionne très bien.

Ce que je pense a quelque chose à voir avec le fait que vous ne pouvez pas utiliser Flot dans un div qui a display: none

De l'readme Flot

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).

Est-ce que quelqu'un sait si je peux travailler autour ceci/réparer ceci si flot et jQtouch fonctionnent ensemble?

Merci

Hairby

Answer 1

J'ai réussi à utiliser http://highcharts.com/ et jQTouch ensemble ... mais je n'ai pas un exemple dès le départ pour te montrer.

Jetez un coup d'oeil à un HighCharts tho, je suis passé à Flot et je n'ai jamais regardé en arrière.

Answer 2

Vous pouvez utiliser visibiity:hidden ou position: absolute et se baisent la page, autres que ... aucune option réelle puisqu'il ne peut pas initialiser dans une zone vide.

Par ailleurs, si elle est cachée par la feuille de style, juste remplacer la ligne de style:

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

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