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

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

あなた自身のGoogleチャートを作成し、このjQueryプラグインは、ズーム可能なスクロール可能なチャートに変換されます!

それは、このように簡単です:

 。$( '#チャート')gChartScroller(); 

これは、ズーム・インされていない以下の小さいグラフを作成します。 そして、あなたのマウスを使用して、あなたは、ズームインとx軸をスクロールすることができます。

あなたも、x軸の日付の範囲を渡すことができますし、それはあなたのために、x軸のラベルを作成します。 それは、GoogleのチャートAPIはあなたを提供していないものです。 そして、あなたはまた、あなたが望むだけの方法をフォーマットし、ラベルを取得するために、PHPで同じよう日に渡すことができます。

あなたが現在ズームアップ範囲を変更リンクを持つことができるようにあなたのために提供される機能もあります。

 $( '#チャート')gChartSet(startxを、ENDX)。 

あなたは、スタイルや色を完全に制御を持っています。 GoogleのチャートAPIを使用すると、グラフになど任意の色、フォントをカスタマイズすることができ、すべての生成されたHTML要素は、(それが唯一の9つの要素を生成します)簡単にCSSスタイルに適用されるクラスがあります。

ここでは、(必要に応じて)に渡すことができるオプションのリストは、次のとおりです。

  • 下スクロールグラフの高さ
  • あなたは下のチャートにはなく、上部のチャートに適用したい任意の追加、Googleのチャート変数
  • x軸の最小値と最大値の範囲(日付または数値)
  • デフォルトズームイン最小値と最大値の範囲(日付または数値)
  • あなたは下のグラフのx軸に表示するラベルの数
  • 軸ラベルの任意の日付のフォーマット
  • ユーザーがズームアップで範囲を変更したときに呼び出されるのonChange()コールバック関数
  • ユーザーがドラッグとして/ズームイン範囲のサイズを変更呼び出されますonDrag()コールバック関数
  • JavaScriptが有効になっていない場合は正常にちょうどグラフを表示するために分解する

注:このプラグインは、Googleチャート型「LC」と連携


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
11月22日09

最後の更新:
11月22日09

互換性のあるブラウザ:
IE6、IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全てのアイテム, ダイナミックなチャート, Googleのチャート, スクローリング, ズーミング