Gráfico interativo

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.

Veja

i3GEO.analise.dialogo.graficoInterativo

Arquivo

i3geo/ferramentas/graficointerativo/index.js.php

Licenca

GPL2

i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet

Direitos Autorais Reservados © 2006 Ministério do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti edmar..nosp@m.moretti@mma.g.nosp@m.ov.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.

Summary
Gráfico interativoRepresentação gráfica de dados.
i3GEOF. graficointerativo
Variaveis
aguardeEstilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
Propriedades
tituloTítulo do gráfico.
tipoTipo de gráfico escolhido pelo usuário.
acumulaAcumula os valores ao gerar o gráfico
relativaUtiliza valores relativos ao criar o gráfico
dadospurosNão faz nenhum tipo de processamento nos dados antes de gerar o gráfico
navegacaoAtiva ou não a navegação dinâmica do mapa
Functions
iniciaInicia a ferramenta.
htmlGera o código html para apresentação das opções da ferramenta
criaJanelaFlutuanteCria a janela flutuante para controle da ferramenta.
ativaFocoRefaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
comboTemasMonta o combo para escolha do tema que será utilizado no gráfico
ativaTipoDefine a variável com o tipo de gráfico e mostra a guia 2
configuraDadosConfigura o formulário para obtenção dos dados para cada tipo de gráfico
comboItensSelCria um combo para selecionar os itens do tema escolhido
obterDadosObtém os dados que serão utilizados no gráfico
montaTabelaDadosMonta a tabela com os dados que serão utilizados no gráfico
tabela2dadosObtém os dados da tabela para compor o gráfico
excluilinhaExclui uma linha da tabela de dados
corjAbre a janela para o usuário selecionar uma cor interativamente
ordenaColunaOrdena uma coluna da tabela
ativaNavegacaoAtiva ou desativa a atualização automática ao navegar no mapa

i3GEOF. graficointerativo

Summary
Variaveis
aguardeEstilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
Propriedades
tituloTítulo do gráfico.
tipoTipo de gráfico escolhido pelo usuário.
acumulaAcumula os valores ao gerar o gráfico
relativaUtiliza valores relativos ao criar o gráfico
dadospurosNão faz nenhum tipo de processamento nos dados antes de gerar o gráfico
navegacaoAtiva ou não a navegação dinâmica do mapa
Functions
iniciaInicia a ferramenta.
htmlGera o código html para apresentação das opções da ferramenta
criaJanelaFlutuanteCria a janela flutuante para controle da ferramenta.
ativaFocoRefaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
comboTemasMonta o combo para escolha do tema que será utilizado no gráfico
ativaTipoDefine a variável com o tipo de gráfico e mostra a guia 2
configuraDadosConfigura o formulário para obtenção dos dados para cada tipo de gráfico
comboItensSelCria um combo para selecionar os itens do tema escolhido
obterDadosObtém os dados que serão utilizados no gráfico
montaTabelaDadosMonta a tabela com os dados que serão utilizados no gráfico
tabela2dadosObtém os dados da tabela para compor o gráfico
excluilinhaExclui uma linha da tabela de dados
corjAbre a janela para o usuário selecionar uma cor interativamente
ordenaColunaOrdena uma coluna da tabela
ativaNavegacaoAtiva 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.  Se for vazio, será obtido do nome do tema selecionado

tipo

Tipo de gráfico escolhido pelo usuário.

acumula

Acumula os valores ao gerar o gráfico

Type

{boolean}

Default

{false}

relativa

Utiliza valores relativos ao criar o gráfico

Type

{boolean}

Default

{false}

dadospuros

Não faz nenhum tipo de processamento nos dados antes de gerar o gráfico

Type

{boolean}

Default

{false}

navegacao

Ativa ou não a navegação dinâmica do mapa

Type

{boolean}

Default

{false}

Functions

inicia

inicia: function(iddiv,
dados)

Inicia a ferramenta.  É chamado por criaJanelaFlutuante

Parametros

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

html:function()

Gera o código html para apresentação das opções da ferramenta

Retorno

String com o código html

criaJanelaFlutuante

criaJanelaFlutuante: function(dados)

Cria a janela flutuante para controle da ferramenta.

Parametro

dados {JSON}dados para o gráfico

ativaFoco

ativaFoco: function()

Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado

comboTemas

comboTemas: function()

Monta o combo para escolha do tema que será utilizado no gráfico

ativaTipo

ativaTipo: function(obj)

Define a variável com o tipo de gráfico e mostra a guia 2

configuraDados

configuraDados: function()

Configura o formulário para obtenção dos dados para cada tipo de gráfico

comboItensSel

comboItensSel: function()

Cria um combo para selecionar os itens do tema escolhido

Veja

i3GEO.util.comboItens

obterDados

obterDados: function()

Obtém os dados que serão utilizados no gráfico

Veja

GRAFICOSELECAO

montaTabelaDados

montaTabelaDados: function(retorno)

Monta a tabela com os dados que serão utilizados no gráfico

Parametro

retorno {JSON}dados no formato JSON

tabela2dados

tabela2dados: function()

Obtém os dados da tabela para compor o gráfico

excluilinha

excluilinha: function(celula)

Exclui uma linha da tabela de dados

corj

corj: function(obj)

Abre a janela para o usuário selecionar uma cor interativamente

ordenaColuna

ordenaColuna: function(coluna,
cid)

Ordena uma coluna da tabela

ativaNavegacao

ativaNavegacao: function(obj)

Ativa ou desativa a atualização automática ao navegar no mapa

inicia: function(iddiv,
dados)
Inicia a ferramenta.
html:function()
Gera o código html para apresentação das opções da ferramenta
criaJanelaFlutuante: function(dados)
Cria a janela flutuante para controle da ferramenta.
ativaFoco: function()
Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
comboTemas: function()
Monta o combo para escolha do tema que será utilizado no gráfico
ativaTipo: function(obj)
Define a variável com o tipo de gráfico e mostra a guia 2
configuraDados: function()
Configura o formulário para obtenção dos dados para cada tipo de gráfico
comboItensSel: function()
Cria um combo para selecionar os itens do tema escolhido
obterDados: function()
Obtém os dados que serão utilizados no gráfico
montaTabelaDados: function(retorno)
Monta a tabela com os dados que serão utilizados no gráfico
tabela2dados: function()
Obtém os dados da tabela para compor o gráfico
excluilinha: function(celula)
Exclui uma linha da tabela de dados
corj: function(obj)
Abre a janela para o usuário selecionar uma cor interativamente
ordenaColuna: function(coluna,
cid)
Ordena uma coluna da tabela
ativaNavegacao: function(obj)
Ativa ou desativa a atualização automática ao navegar no mapa
graficoInterativo: function()
Abre a janela de diálogo da ferramenta graficointerativo
comboItens: function(id,
tema,
funcao,
onde,
nome)
Cria um combo (caixa de seleção) com a lista de itens de um layer
Pega os dados necessários para a geração dos gráficos da ferramenta seleção