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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Lumikha ng iyong sariling Google Tsart at ito jQuery plugin ay ibahin ang anyo ito sa isang zoomable scroll chart!

Ito ay kasing-dali ng ito:

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

Ito ay lumilikha ng isang mas maliit na tsart na ito ay hindi naka-zoom-in sa ibaba. Pagkatapos, gamit ang iyong mouse, maaari mong mag-zoom in at mag-scroll sa buong x axis.

Maaari mo ring pumasa sa isang hanay ng petsa para sa x axis at ito ay lumikha ng x axis label para sa iyo. Iyan ay isang bagay na ang Google Chart API ay hindi nagbibigay sa iyo. Pagkatapos, maaari mo ring pumasa sa isang petsa tulad ng gagawin mo sa PHP upang makuha ang mga label format lamang ang paraan na gusto mo.

Mayroon ding isang function na ay ibinigay para sa iyo sa gayon ay maaari kang magkaroon ng mga link na palitan ang kasalukuyang naka-zoom-in range:

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

Mayroon kang kumpletong kontrol sa mga estilo at mga kulay. Ang Google tsart API ay nagbibigay-daan sa iyo upang i-customize ang anumang mga kulay, font, at iba pa sa mga graph at bawat nakabuo element HTML ay may isang klase inilapat para sa madaling CSS styling (ito lamang ang bumubuo ng 9 na mga elemento).

Narito ang isang listahan ng mga opsyon na magagamit mo (optionally) pumasa sa:

  • Ang taas ng mas mababa-scroll tsart
  • Anumang karagdagang Google Chart variable na gusto mong ilapat sa mga mas mababang mga tsart at hindi sa itaas na tsart
  • Ang x axis minimum at maximum na hanay (petsa o numero)
  • Ang default na naka-zoom-in minimum at maximum na hanay (petsa o numero)
  • Ang bilang ng mga label na gusto mong ipakita sa x axis ibabang tsart ni
  • Ang format para sa anumang petsa sa ang mga label axis
  • Isang onChange () callback function na makakuha ng tinatawag na kapag ang mga pagbabago ng user ang naka-zoom-in na hanay
  • Isang onDrag () callback function na ay tinatawag na bilang ng gumagamit drags / resizes ang naka-zoom-in na hanay
  • Maganda degrades upang ipakita lamang ang chart kung JavaScript ay hindi pinagana

Tandaan: ang plugin ay gagana lamang sa Google type Chart "lc"


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
22 November 09 Mga

huling update:
22 November 09 Mga

Mga katugmang Mga Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

file Kasamang:
JavaScript JS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, dynamic chart, google tsart, scroll, pag-zoom