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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Opret din egen Google Chart og denne jQuery plugin vil omdanne det til en zoomable rulle diagram!

Det er så nemt som dette:

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

Det skaber en mindre diagram, der er ikke zoomes ind nedenfor. Derefter bruger musen, kan du zoome ind og rul over x-aksen.

Du kan endda passere i et datointerval for x-aksen, og det vil skabe x-aksen etiketter for dig. Det er noget, Google Chart API ikke giver dig. Derefter kan du også passere i en dato ligesom du gør i PHP for at få etiketterne formateret præcis som du ønsker.

Der er også en funktion, der er fastsat for dig, så du kan have links, der ændrer den aktuelt zoomet-in området:

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

Du har fuldstændig kontrol over de stilarter og farver. Google Chart API kan du tilpasse eventuelle farver, skrifttyper mv i grafer og hver genererede HTML-element har en klasse anvendes til nem CSS styling (det kun genererer 9 elementer).

Her er en liste over de indstillinger, du kan (valgfrit) passerer i:

  • Højden af ​​den nedre rulle diagram
  • Eventuelle yderligere Google Chart variabler, som du ønsker, der skal anvendes til den lavere diagram og ikke til den øverste diagram
  • Den mindste X-aksen og maksimal rækkevidde (dato eller nummer)
  • Standarden zoomet-in minimum og maksimum rækkevidde (dato eller tal)
  • Antallet af etiketter, du ønsker at vise på den nederste diagrammets x-aksen
  • Formatet for eventuelle datoer i akseetiketterne
  • En onChange () callback funktion, der vil blive kaldt, når brugeren ændrer zoomet-in området
  • En onDrag () callback funktion, der vil blive indkaldt som brugeren trækker / tilpasser den zoomet-in området
  • Yndefuldt nedbrydes til bare vise diagrammet, hvis JavaScript ikke er aktiveret

Bemærk: Dette plugin virker kun med Google Chart type "lc"


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
22 november 09

Sidste ændring:
22 november 09

Kompatible Browsere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle artikler, dynamisk diagram, google diagram, rulning, zoome