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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Google Chart Scroller/Zoomer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Crie o seu próprio Google Chart e este plugin jQuery irá transformá-lo em um gráfico de rolagem com zoom!

É tão simples como isto:

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

Ele cria um gráfico inferior, que não tem o zoom-in abaixo. Em seguida, usando o mouse, você pode ampliar e rolar através do eixo x.

Você pode até passar em um intervalo de datas para o eixo x e ele irá criar os rótulos eixo x para você. Isso é algo que o Google Chart API não lhe fornecer. Em seguida, você também pode passar em uma data assim como você faz no PHP para obter os rótulos formatados do jeito que você quiser.

Há também uma função que é fornecido por você para que você pode ter links que mudam o momento zoom-in gama:

 $ ( "# Chart ') gChartSet (STARTX, FimX.); 

Você tem o controle completo sobre os estilos e cores. A API do Google Chart permite personalizar quaisquer cores, fontes, etc. nos gráficos e todos os elementos HTML gerado tem uma classe aplicada para fácil styling CSS (ela só gera 9 elementos).

Aqui está uma lista das opções que você pode (opcionalmente) passam em:

  • A altura do gráfico de rolagem inferior
  • Todas as variáveis ​​adicionais Gráfico do Google que você quer ser aplicada ao gráfico inferior e não o gráfico superior
  • O mínimo eixo x e alcance máximo (data ou número)
  • O (data ou número) mínimo zoom-in e alcance máximo padrão
  • O número de etiquetas que pretende mostrar no eixo x do gráfico inferior
  • O formato para quaisquer datas nos rótulos dos eixos
  • A) função onChange (callback que será chamado quando o usuário muda a faixa de zoom-in
  • Uma função de retorno ondrag () que será chamado como o usuário arrasta / redimensiona o zoom-in gama
  • Graciosamente degrada apenas para mostrar o gráfico se o JavaScript não está habilitado

Nota: este plugin só funciona com o Google tipo de gráfico "lc"


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
22 de 09 de novembro

Última atualização:
22 de 09 de novembro

Navegadores compatíveis:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
JavaScript JS

Versão do software:
jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, grá, fico dinâ, mico, Google chart, scrolling, zoom