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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Maak uw eigen Google Chart en dit jQuery plugin zal te zetten in een zoomable schuifbaar chart!

Het is zo eenvoudig als dit:

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

Het creëert een kleinere kaart die niet ingezoomde hieronder. Dan, met behulp van uw muis, kunt u inzoomen en scrollen over de x-as.

U kunt zelfs overgaan in een periode voor de x-as en het zal de labels x-as te creëren voor u. Dat is iets dat de Google Grafiek API u niet voorziet. Vervolgens kunt u ook doorgeven in een datum net als jij in PHP om de labels opgemaakt net zoals u dat wilt.

Er is ook een functie die is voorzien voor u, zodat u koppelingen die veranderen het momenteel ingezoomde bereik kan hebben:

 $ ( '# Chart') gChartSet (startx, eindeX).; 

Je hebt volledige controle over de stijlen en kleuren. De Google Grafiek API kunt u alle kleuren, lettertypes, enz. Aan te passen in de grafieken en alle gegenereerde HTML-element heeft een klasse aangevraagd voor eenvoudige CSS styling (het genereert slechts 9 elementen).

Hier is een lijst van de opties die u kunt (optioneel) passeren:

  • De hoogte van de onderste bladeren chart
  • Eventuele aanvullende Google Grafiek variabelen die u wilt worden toegepast op de onderste grafiek en niet naar de bovenste grafiek
  • De minimale x-as en maximaal bereik (datum of nummer)
  • De standaard ingezoomd minimale en maximale bereik (datum of nummer)
  • Het aantal labels dat u wilt zien op de onderste grafiek van de x-as
  • Het formaat voor alle data in de as labels
  • Een onChange () callback functie die aangeroepen wanneer de gebruiker de ingezoomde range verandert
  • Een ondrag () callback functie die wordt genoemd als de gebruiker / sleept formaat van de ingezoomde range
  • Sierlijk degradeert tot alleen de grafiek tonen als JavaScript is niet geactiveerd

Let op: deze plugin werkt alleen met Google Grafiek type "lc"


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
22 november 09

Laatste update:
22 november 09

compatibele Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, dynamisch diagram, google chart, scrolling, inzoomen