Representação gráfica de dados. O gráfico é construído tendo como base os atributos de um tema e é modificado conforme o usuário navega pelo mapa. A renderização do gráfico é feito pelo navegador por meio do aplicativo openflashchart. Os dados que serão utilizados no gráfico são baseados em um elemento TABLE. Esse elemento pode ser montado com base na tabela de atributos e editada pelo usuário. Os dados podem também ser inseridos como parâmetros na inicialização da ferramenta, permitindo que o gráfico seja utilizado por outras ferramentas.
i3GEO.analise.dialogo.graficoInterativo
i3geo/ferramentas/graficointerativo/index.js.php
GPL2
i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
Direitos Autorais Reservados © 2006 Ministério do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br
Este programa é software livre; você pode redistribuí-lo e/ou modificá-lo sob os termos da Licença Pública Geral GNU conforme publicada pela Free Software Foundation;
Este programa é distribuído na expectativa de que seja útil, porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. Consulte a Licença Pública Geral do GNU para mais detalhes. Você deve ter recebido uma cópia da Licença Pública Geral do GNU junto com este programa; se não, escreva para a Free Software Foundation, Inc., no endereço 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
| Gráfico interativo | Representação gráfica de dados. |
| i3GEOF. graficointerativo | |
| Variaveis | |
| aguarde | Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela. |
| Propriedades | |
| titulo | Título do gráfico. |
| tipo | Tipo de gráfico escolhido pelo usuário. |
| acumula | Acumula os valores ao gerar o gráfico |
| relativa | Utiliza valores relativos ao criar o gráfico |
| dadospuros | Não faz nenhum tipo de processamento nos dados antes de gerar o gráfico |
| navegacao | Ativa ou não a navegação dinâmica do mapa |
| Functions | |
| inicia | Inicia a ferramenta. |
| html | Gera o código html para apresentação das opções da ferramenta |
| criaJanelaFlutuante | Cria a janela flutuante para controle da ferramenta. |
| ativaFoco | Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado |
| comboTemas | Monta o combo para escolha do tema que será utilizado no gráfico |
| ativaTipo | Define a variável com o tipo de gráfico e mostra a guia 2 |
| configuraDados | Configura o formulário para obtenção dos dados para cada tipo de gráfico |
| comboItensSel | Cria um combo para selecionar os itens do tema escolhido |
| obterDados | Obtém os dados que serão utilizados no gráfico |
| montaTabelaDados | Monta a tabela com os dados que serão utilizados no gráfico |
| tabela2dados | Obtém os dados da tabela para compor o gráfico |
| excluilinha | Exclui uma linha da tabela de dados |
| corj | Abre a janela para o usuário selecionar uma cor interativamente |
| ordenaColuna | Ordena uma coluna da tabela |
| ativaNavegacao | Ativa ou desativa a atualização automática ao navegar no mapa |
| Variaveis | |
| aguarde | Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela. |
| Propriedades | |
| titulo | Título do gráfico. |
| tipo | Tipo de gráfico escolhido pelo usuário. |
| acumula | Acumula os valores ao gerar o gráfico |
| relativa | Utiliza valores relativos ao criar o gráfico |
| dadospuros | Não faz nenhum tipo de processamento nos dados antes de gerar o gráfico |
| navegacao | Ativa ou não a navegação dinâmica do mapa |
| Functions | |
| inicia | Inicia a ferramenta. |
| html | Gera o código html para apresentação das opções da ferramenta |
| criaJanelaFlutuante | Cria a janela flutuante para controle da ferramenta. |
| ativaFoco | Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado |
| comboTemas | Monta o combo para escolha do tema que será utilizado no gráfico |
| ativaTipo | Define a variável com o tipo de gráfico e mostra a guia 2 |
| configuraDados | Configura o formulário para obtenção dos dados para cada tipo de gráfico |
| comboItensSel | Cria um combo para selecionar os itens do tema escolhido |
| obterDados | Obtém os dados que serão utilizados no gráfico |
| montaTabelaDados | Monta a tabela com os dados que serão utilizados no gráfico |
| tabela2dados | Obtém os dados da tabela para compor o gráfico |
| excluilinha | Exclui uma linha da tabela de dados |
| corj | Abre a janela para o usuário selecionar uma cor interativamente |
| ordenaColuna | Ordena uma coluna da tabela |
| ativaNavegacao | Ativa ou desativa a atualização automática ao navegar no mapa |
Não faz nenhum tipo de processamento nos dados antes de gerar o gráfico
{boolean}
{false}
inicia: function( iddiv, dados )
Inicia a ferramenta. É chamado por criaJanelaFlutuante
| iddiv {String} | id do div que receberá o conteudo HTML da ferramenta |
| dados {JSON} | dados para o gráfico (opcional) exemplo [“n;x”,”’Argentina’;33796870”,”’Paraguay’;4773464”,”’Brazil’;151525400”,”’Chile’;13772710”] |
html:function()
Gera o código html para apresentação das opções da ferramenta
String com o código html
criaJanelaFlutuante: function( dados )
Cria a janela flutuante para controle da ferramenta.
Parametro
| dados {JSON} | dados para o gráfico |
ativaFoco: function()
Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
configuraDados: function()
Configura o formulário para obtenção dos dados para cada tipo de gráfico
Inicia a ferramenta.
inicia: function( iddiv, dados )
Gera o código html para apresentação das opções da ferramenta
html:function()
Cria a janela flutuante para controle da ferramenta.
criaJanelaFlutuante: function( dados )
Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
ativaFoco: function()
Monta o combo para escolha do tema que será utilizado no gráfico
comboTemas: function()
Define a variável com o tipo de gráfico e mostra a guia 2
ativaTipo: function( obj )
Configura o formulário para obtenção dos dados para cada tipo de gráfico
configuraDados: function()
Cria um combo para selecionar os itens do tema escolhido
comboItensSel: function()
Obtém os dados que serão utilizados no gráfico
obterDados: function()
Monta a tabela com os dados que serão utilizados no gráfico
montaTabelaDados: function( retorno )
Obtém os dados da tabela para compor o gráfico
tabela2dados: function()
Exclui uma linha da tabela de dados
excluilinha: function( celula )
Abre a janela para o usuário selecionar uma cor interativamente
corj: function( obj )
Ordena uma coluna da tabela
ordenaColuna: function( coluna, cid )
Ativa ou desativa a atualização automática ao navegar no mapa
ativaNavegacao: function( obj )
Abre a janela de diálogo da ferramenta graficointerativo
graficoInterativo: function()
Cria um combo (caixa de seleção) com a lista de itens de um layer
comboItens: function( id, tema, funcao, onde, nome )
