2009-05-11 11 views
2

En tant que véliplanchiste passionné, je suis intéressé par la façon dont le vent les prochaines semaines vont être. À cette fin, j'ai écrit une petite application pour gratter un site météorologique populaire (usage personnel seulement - ne pas relayer l'information ou quoi que ce soit) et rassembler les données dans un seul graphique afin que je puisse voir facilement quand ça vaudra la peine en dehors.Javascript bibliothèque graphique pour dessiner une région

J'ai l'arrière qui fonctionne mais j'ai besoin d'un moyen d'afficher les données. Mon grattoir me donne actuellement deux séries de données qui me disent à quel point le vent général est fort et à quel point il est susceptible de provoquer des rafales. Ce que je voudrais faire ensuite est d'afficher ces deux ensembles de données sous la forme d'une paire de lignes dans un graphique et d'ombrer la région entre eux.

Je pensais utiliser quelque chose comme the flot library pour afficher les données. Le seul problème est que je ne peux pas voir un moyen d'ombrager une zone entre deux lignes? Si quelqu'un a des suggestions sur la façon de faire cela en flot ou d'autres bibliothèques ou techniques graphiques (j'ai DJango sur mon serveur, donc tout ce que pythonic ou javascripty devrait faire), je serais intéressé de les entendre. Idéalement, ce sera une solution javascript pour éviter d'avoir à servir des images.

+1

+1 pour le récit –

Répondre

1

Jetez un coup d'œil au Google chart API's. Ils rendent ce genre de choses assez facile. Sans un exemple de code, j'aurais du mal à vous donner un exemple, mais Google en a un bon sur les docs.

+0

Cela semble très similaire à l'offre de l'intrigue et souffre le même problème de ne pas pouvoir ombrer une zone entre deux lignes au lieu d'en dessous ... ou ai-je manqué une option? –

+0

Vous pouvez faire quelque chose comme ceci: http://is.gd/yT7T. Aussi, si vous allez dans cette voie, vous voudrez probablement utiliser un wrapper GCA Python. Il y a au moins un et peut-être plusieurs tels wrappers. J'ai généré l'intrigue avec ma propre API wrapper Java, http://charts4j.googlecode.com. J'espère que cela fonctionne pour vous. –

1

Vous devriez vérifier Dojo. Il semble que ce soit assez facile à faire, il suffit de tracer la ligne du bas avec la même couleur de fond que l'arrière-plan. Cela devrait vous donner l'effet que vous voulez.

http://dojocampus.org/explorer/#Dojox_Charting_2D

0

J'utiliser carte flash ouvert, il vous suffit de créer un JSON avec les données et vous avez à tout le sang-froid flashy dans votre page ....

http://teethgrinder.co.uk/open-flash-chart-2/

+0

Je préfère ne pas utiliser flash si je peux l'éviter. J'ai toujours détesté la façon dont le flash s'intègre aux pages web .. (ça m'a toujours paru un peu bizarre). Aussi, je pense que plus de navigateurs supportent nativement le script java, donc moins pour les utilisateurs à télécharger ... –

Questions connexes