WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Ratings and Charts

Google Chart Scroller/Zoomer

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Créez votre propre graphique Google et ce plugin jQuery va le transformer en un tableau scrollable zoomable!

Il est aussi simple que cela:

 . $ ( '# Chart') gChartScroller (); 

Il crée un tableau plus petit qui ne sont pas zoomé en dessous. Puis, en utilisant votre souris, vous pouvez zoomer et faire défiler à travers l'axe x.

Vous pouvez même passer dans une plage de dates pour l'axe des x et il va créer les étiquettes axe x pour vous. Voilà quelque chose que le API Google Chart ne vous fournit pas. Ensuite, vous pouvez également passer à une date comme vous le faites en PHP pour obtenir les étiquettes formatées juste la façon dont vous voulez.

Il y a aussi une fonction qui est fourni pour vous afin que vous pouvez avoir des liens qui changent le moment zoomée dans la gamme:

 $ ( '# Chart') gChartSet (startX, EndX). 

Vous avez un contrôle total sur les styles et les couleurs. L'API Google Chart vous permet de personnaliser toutes les couleurs, les polices, etc. dans les graphiques et tous les éléments HTML généré a une classe appliquée pour faciliter le style CSS (il ne génère 9 éléments).

Voici une liste des options que vous pouvez (éventuellement) passer en:

  • La hauteur de la carte inférieure défilement
  • Toutes les variables de graphiques Google supplémentaires que vous souhaitez appliquer à la carte inférieure et non à la carte supérieure
  • L'axe des x minimum et maximum (date ou nombre)
  • La valeur par défaut zoomée minimum et maximum (date ou nombre)
  • Le nombre d'étiquettes que vous souhaitez afficher sur l'axe de x du graphique inférieur
  • Le format des dates dans les étiquettes de l'axe
  • Un () fonction de rappel onChange qui sera appelé lorsque l'utilisateur modifie la gamme zoomée
  • Un () fonction de rappel onDrag qui sera appelé comme l'utilisateur fait glisser / redimensionne le zoom en gamme
  • Gracieusement dégrade pour montrer à la carte si JavaScript est pas activé

Remarque: ce plugin fonctionne uniquement avec Google type de graphique "lc"


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
22 Novembre 09

Dernière mise à jour:
22 Novembre 09

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, tableau dynamique, google tableau, dé, filement, zoom