Histórico da Página

01. VISÃO GERAL

O gráfico Notas Fiscais por EstadoUF exibe o Valor Total de NF por Estado, em forma de gráfico de barras ou linhas, conforme configuração desejada.

02. EXEMPLO DE UTILIZAÇÃO

...

Painel

title	Exemplo prático do processo utilizando Protheus

Expandir

title	Incluir Gráfico

Para incluir Incluir um novo gráfico de Notas Fiscais por EstadoUF:

1) Clicar Entre no menu Gerenciar Gráficos;

2) Clicar Clique no botão Incluir;

3) Informar Preencha os campos conforme sequênciaexplanado a seguir:

a) Modelo de Gráfico: Selecionar Selecione no combo o gráfico Notas Fiscais por UF;

b) Título do Gráfico: Informar Informe um título para o Gráfico;

c) Status: Habilitado

d) Help do Gráfico: Esta Essa funcionalidade permite informar uma descrição de help para o gráficoo help que será exibido ao clicar no título do Gráfico;

e) Tipo de Gráfico: Selecionar Selecione um tipo para o gráfico, optando por gráfico polar barra ou pizzalinha.

f) Filial: É possível selecionar a filial que deseja obter as informações. Campo não obrigatório, caso não informado as informações será da filial que o usuário selecionou ao efetuar o login no sistema.

4) Clique no botão Salvar para concluir a operação:

Expandir

title	Editar Gráfico

Para Editar um Gráfico:

1) Clicar Clique no menu Gerenciar Gráficos;

2) Selecionar Localize o gráfico Notas Fiscais por UFe clique em Editar (Image Added);

3) Alterar Altere as informações que desejarnecessite;

4) Clicar Clique no botão Salvar para concluir a operação:

Expandir

title	Excluir um Gráfico

Para Excluir um Gráfico:

1) Clique no menu Gerenciar Gráficos;

2) Localize o gráfico Notas Fiscais por UFe clique em Deletar (Image Added);

3) Clique no botão Salvar para concluir a operação:

Expandir

title	Tipos do Gráfico

Expandir

title	Gráfico tipo PizzaBarra

Para utilizar o gráfico com o tipo Pizza Barra, basta realizar a configuração conforme exemplo:

1) Clicar Clique no menu Gerenciar Gráficos;

2) Clicar no botão Clique em Editar (Image Added), caso seja um gráfico já existente, ou em Incluir;

3) No campo Tipo de Gráfico, selecione a opção Barra.

4) Caso seja um inclusão, preencha os outros campos abaixo Informar os campos conforme sequência:

a) Modelo de Gráfico: Selecionar Selecione no combo o gráfico Notas Fiscais por UF;

b) Título do Gráfico: Informar Informe um título para o Gráfico;

c) Status: Habilitado

d) Help do Gráfico: Esta Essa funcionalidade permite informar uma descrição de help para o gráficoo help que será exibido ao clicar no título do Gráfico;

e) Tipo de Gráfico: Selecionar Pizza.f) Filial: É possível selecionar a filial que deseja obter as informações. Campo não obrigatório., caso não informado as informações será da filial que o usuário selecionou ao efetuar o login no sistema.

5) Clique no botão Salvar para concluir a operaçãoExemplo:

Expandir

title	Gráfico tipo PolarLinha

Para utilizar o gráfico com o tipo Polar Linha, basta realizar a configuração conforme exemplo:

1) Clicar Clique no menu Gerenciar Gráficos;

2) Clicar no botão ) Clique em Editar (Image Added), caso seja um gráfico já existente, ou em Incluir;

3) No campo Tipo de Gráfico, selecione a opção Linha.

4) Caso seja um inclusão, preencha os outros campos abaixo) Informar os campos conforme sequência:

a) Modelo de Gráfico: Selecionar Selecione no combo o gráfico Notas Fiscais por UF;

b) Título do Gráfico: Informar Informe um título para o Gráfico;

c) Status: Habilitado

d) Help do Gráfico: Esta Essa funcionalidade permite informar uma descrição de help para o gráficoo help que será exibido ao clicar no título do Gráfico;

e) Tipo de Gráfico: Selecionar Polar.f) Filial: É possível selecionar a filial que deseja obter as informações. Campo não obrigatório., caso não informado as informações será da filial que o usuário selecionou ao efetuar o login no sistema.

5) Clique no botão Salvar para concluir a operaçãoExemplo:

Expandir

title	Filtros do Gráfico

Expandir

title	Filtro por Período

O gráfico Notas Fiscais por UF possui a possibilidade de realizar filtros por período.

No topo do gráfico existe itens com o período de dias separados por suas respectivas cores.

Ao clicar em qualquer período o gráfico irá responder dinamicamente habilitando ou desabilitando a visão do período selecionado.

Exemplo:

Expandir

title	Filtro por Filial

O gráfico Notas Fiscais por UF possui a possibilidade de realizar filtro por filial.

O campo não é obrigatório e não preenchido por padrão, nesse cenário as informações será da filial que o usuário selecionou ao efetuar o login no sistema.

Para incluir um filtro no gráfico Lotes a Vencer:

1) Clicar no menu Gerenciar Gráficos;

2) Selecionar o gráfico Lotes Vencer;

3) Ao clicar no campo Filial é possível selecionar uma ou mais filiais que deseja filtrar:

4) Clicar no botão Salvar para concluir a operação:

Expandir

title	Botão Detalhes

Expandir

title	Drill Down - Primeiro Nível

Ao clicar no botão Detalhes do gráfico, será exibido uma lista com os Gráfico, serão exibidos os 10 primeiros registros dos itens que compõem os lotes a vencer dentro do período de 120 dias.A ferramenta sempre irá carregar uma lista com um intervalo de 10 em 10 itenstotalizadores das NF. Ao clicar no botão Carregar mais Resultados, serão exibidos mais 10 itens e, assim, sucessivamente.

Exemplo:

Expandir

title	Drill Down - Segundo Nível

Primeiro nível do gráfico exibe os lotes a vencer nos períodos de 30, 60, 90 ou 120 dias, porém é possível verificar os itens específicos de um determinado período.

Para verificar os itens que correspondem a um período específico, basta clicar no período desejado e o gráfico irá exibir um segundo nível do período selecionado e o botão Detalhes irá listar apenas os itens deste período.

Exemplo:

...

Dashboard Backoffice: Guia de Referência Gráfico Evolução dos estoques por fechamento

Templatedocumentos

HTML

<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}

.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after { 
	background: #FF9900; !important 
}

.menu-item.active-tab { 
	border-bottom: none !important; 
}

</style>

Árvore de páginas

Versões comparadas

Versão antiga 2

Nova versão 3

Chave

01. VISÃO GERAL

02. EXEMPLO DE UTILIZAÇÃO