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

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Создайте свой собственный Google Chart и этот плагин JQuery превратит его в масштабируемой прокручивать график!

Это так же просто, как это:

 . $ ( '# Диаграмма') gChartScroller (); 

Это создает меньшую диаграмму, которая не увеличенного фрагмента ниже. Затем, с помощью мыши, вы можете увеличивать и уменьшать масштаб прокрутки по оси х.

Вы даже можете перейти в диапазон дат для оси х, и она будет создавать метки оси х для вас. Это то, что Google Chart API не предоставляет. Затем, вы можете также передать в дате так же, как вы делаете в PHP, чтобы получить ярлыки, отформатированные именно так, как вы хотите.

Существует также функция, которая предназначена для вас, так что вы можете иметь ссылки, которые изменяются в настоящее время увеличенной в диапазоне:

 $ ( '# Диаграмма') gChartSet (StartX, EndX). 

Вы имеете полный контроль над стилями и цветами. Chart API Google позволяет настроить любые цвета, шрифты и т.д. в виде графиков и каждый элемент генерируется HTML имеет класс применяется для легкого CSS стиля (он генерирует только 9 элементов).

Ниже приведен список опций, которые вы можете (по желанию) проходят в:

  • Высота нижней прокрутки диаграммы
  • Любые дополнительные диаграммы переменных Google, которые вы хотите применить к нижней диаграмме, а не на верхней диаграмме
  • Оси х минимальный и максимальный диапазон (дата или номер)
  • По умолчанию в увеличенном масштабе минимальный и максимальный диапазон (дата или номер)
  • Количество этикеток вы хотите показать на оси х нижестоящего графика
  • Формат для любых дат по оси меток
  • ) Функция обратного вызова OnChange (которая будет вызвана, когда пользователь изменяет увеличиваемой в диапазон
  • ) Функция onDrag (обратного вызова, которая будет называться, как пользователь перетаскивает / изменяет размер увеличенной в диапазоне
  • Изящно деградирует, чтобы просто показать диаграмму, если JavaScript не включен

Примечание: этот плагин работает только с Google Chart типа "ЛЦ"


Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
22 ноября 09

Последнее обновление:
22 ноября 09

Совместимые браузеры:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

файлы, включенные:
JavaScript JS

Версия ПО:
Jquery

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, динамическая диаграмма, Google Chart, прокрутки, масштабирование