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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Lag din egen Google Chart og dette jQuery plugin vil forvandle den til en zoomable rullbar diagram!

Det er så enkelt som dette:

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

Det skaper et mindre diagram som ikke er zoomet inn under. Deretter bruker musen, kan du zoome inn og rulle over x-aksen.

Du kan også sende inn et datointervall for x-aksen, og det vil skape x-aksen etiketter for deg. Det er noe som diagrammet API Google ikke gi deg. Deretter kan du også sende inn en dato, akkurat som du gjør i PHP for å få etikettene formatert akkurat slik du ønsker.

Det er også en funksjon som er tilgjengelig for deg, slik at du kan ha koblinger som endrer tiden zoomet inn utvalg:

 $ ( '# Diagram') gChartSet (startx, endX.); 

Du har full kontroll over stiler og farger. The Chart API Google lar deg tilpasse alle farger, fonter osv i grafer og hver generert HTML-elementet har en klasse søkt enkel CSS styling (det bare genererer 9 elementer).

Her er en liste over alternativer som du kan (eventuelt) passerer i:

  • Høyden på nedre rulle diagrammet
  • Eventuelle andre Google-hjul variabler som du ønsker å bli brukt til nedre diagrammet og ikke til den øvre diagrammet
  • X-aksen minimums- og maksimumsområde (dato eller nummer)
  • Standard zoomet inn minimum og maksimum rekkevidde (dato eller tall)
  • Antall etiketter du ønsker å vise på nedre diagrammets x-aksen
  • Formatet for noen datoer i akseetiketter
  • En onChange () tilbakeringingsfunksjon som vil bli kalt når brukeren endrer zoomet inn utvalg
  • En onDrag () tilbakeringing funksjon som vil bli kalt som brukeren drar / endrer størrelsen på zoomet inn utvalg
  • Grasiøst degraderer å bare vise diagrammet om Javascript ikke er aktivert

Merk: Denne plugin fungerer bare med Google Chart type "lc"


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
22.11.09

Siste oppdatering:
22.11.09

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

filer Inkludert:
Javascript JS

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle ting, dynamisk diagram, google diagram, rulle, zooming