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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Skapa din egen Google Chart och denna jQuery plugin kommer att förvandla det till en zoombar rullningsbar diagram!

Det är lika enkelt som detta:

 . $ ( '# Diagrammets) gChartScroller (); 

Det skapar en mindre diagram som inte zoomas in nedan. Sedan, med hjälp av musen, kan du zooma in och rulla över x-axeln.

Du kan även skicka in ett datumintervall för x-axeln och det kommer att skapa X-axeln etiketter för dig. Det är något som Google Chart API inte ge dig. Sedan kan du också skicka in ett datum precis som du gör i PHP för att få etiketterna formaterade precis som du vill.

Det finns också en funktion som tillhandahålls för dig så att du kan ha länkar som ändrar nu zoomas in range:

 $ ( '# Diagrammets) gChartSet (startx, endX). 

Du har fullständig kontroll över stilar och färger. Google Chart API gör det möjligt att anpassa några färger, teckensnitt, etc. i diagrammen och alla genererade HTML-element har en klass tillämpas för enkel CSS (det bara genererar 9 element).

Här är en lista över de alternativ som du kan (eventuellt) passerar in:

  • Höjden av den nedre rullnings diagrammet
  • Eventuella ytterligare Google Chart variabler som du vill ska tillämpas på det nedre diagrammet och inte till det övre diagrammet
  • X-axeln minsta och största räckvidd (datum eller nummer)
  • Standard zoomas in minimum och maximal räckvidd (datum eller nummer)
  • Antalet etiketter som du vill visa på den nedre diagrammets x-axeln
  • Formatet för alla datum i axeletiketterna
  • En onChange () callback-funktion som kommer att få kallas när användaren ändrar zoomas in intervallet
  • En onDrag () callback-funktion som kommer att kallas som användaren drar / ändrar storleken på inzoomat inom räckhåll
  • Graciöst degraderar att bara visa diagrammet om Javascript är inte tillåtet

Obs: denna plugin fungerar endast med Google Diagramtyp "lc"


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
22 November 09

Senaste uppdateringen:
22 November 09

kompatibla Webbläsare:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer ingår:
JavaScript JS

Mjukvaru-version:
jQuery

Nyckelord

e-handel, e-handel, Alla objekt, dynamiska diagrammet, google diagrammet, rullning, zoomning