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 auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Erstellen Sie Ihre eigenen Google-Diagramm und das jQuery-Plugin wird es in einer zoombaren scrollbaren Diagramm zu verwandeln!

Es ist so einfach, wie folgt aus:

 . $ ( '# Chart) gChartScroller (); 

Es schafft eine kleinere Diagramm, das nicht gezoomt-in ist unten. Dann, mit der Maus verwenden, können Sie zoomen und scrollen Sie auf der x-Achse.

Sie können sogar in einem Datumsbereich für die x-Achse passieren und es wird die x-Achsenbeschriftungen für Sie erstellen. Das ist etwas, das die Google Chart API Ihnen nicht bieten. Dann können Sie auch in einem Tag passieren genau wie Sie in PHP zu tun, die Etiketten genau so, wie Sie wollen, formatiert zu erhalten.

Es gibt auch eine Funktion, die für Sie zur Verfügung gestellt wird, so dass Sie Links, die die derzeit gezoomten in Bereich ändern können:

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

Sie haben die vollständige Kontrolle über die Arten und Farben. Die Google Chart API ermöglicht es Ihnen, alle Farben, Schriftarten anpassen, usw. in den Diagrammen und jedes generierte HTML-Element hat eine Klasse für eine einfache CSS Styling angewendet (es erzeugt nur 9 Elemente).

Hier ist eine Liste der Optionen, die Sie kann (optional) passieren in:

  • Die Höhe des unteren Scroll-Diagramm
  • Alle zusätzlichen Google Chart Variablen, die Sie auf die untere Diagramm angewendet werden soll und nicht auf die obere Grafik
  • Die x-Achse Minimal- und Maximalbereich (oder Anzahl)
  • Die Standard-gezoomten in minimalen und maximalen Bereich (Datum oder Ort)
  • Die Anzahl der Etiketten möchten, dass Sie auf der unteren Chart x-Achse zu zeigen
  • Das Format für alle Daten in den Achsenbeschriftungen
  • Ein onChange () Callback-Funktion, die aufgerufen wird erhalten, wenn der Benutzer den gezoomten Bereich in
  • Ein onDrag () Callback-Funktion, die als der Benutzer aufgerufen wird, schleppt / ändert die Größe der gezoomten in Reichweite
  • Anmutig verschlechtert nur die Tabelle zeigen, wenn JavaScript nicht aktiviert ist

Hinweis: Dieses Plugin funktioniert nur mit Google Diagrammtyp "lc"


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
22. November 09

Letztes Update:
22. November 09

kompatible Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien inklusive:
JavaScript JS

Softwareversion:
jQuery

Stichworte

E-Commerce, E-Commerce, Alle Elemente, dynamisches Diagramm, google Chart, Scrollen, Zoomen