Opções de Construção
Deck of Cards |
---|
id | Assistente de Configuração |
---|
| Card |
---|
id | Cenário |
---|
label | Cenário |
---|
title | Cenário |
---|
| O objetivo deste exemplo é criar um gráfico de barras que exiba as sete seções com menor custo de salários. Para isso, utilizaremos uma Consulta SQL na tabela PFUNC que retornará os seguintes dados:
Esses dados devem ser representados em um gráfico de Barra. |
Card |
---|
id | Tipo de Gráfico |
---|
label | Tipo de Gráfico |
---|
title | Tipo de Gráfico |
---|
| Tipo de Gráfico Nessa tela deve ser selecionado qual o tipo de gráfico será construído. Selecione o tipo Barra e clique em Próximo.
|
Card |
---|
id | Aparência |
---|
label | Aparência |
---|
title | Aparência |
---|
| Aparência Customize a paleta de cores e selecione um estilo para o seu gráfico.
Para visualizar o resultado de uma alteração feita nas configurações de um gráfico, basta acessar novamente a opção Aparência. |
Card |
---|
id | Séries |
---|
label | Séries |
---|
title | Séries |
---|
| Séries O sistema cria automaticamente algumas séries. Neste exemplo, utilizaremos apenas uma série. Por isso, selecione a Séries2 e clique em Remover.
No canto lateral da direita existem outras opções para customização da série. Por enquanto, neste exemplo, não faremos alterações nela. O nome da série será exibido na legenda do gráfico. Basta alterar o nome 'Séries1' para Salário. |
Card |
---|
id | Dados |
---|
label | Dados |
---|
title | Dados |
---|
| Dados Essa tela possui três abas de configuração: Pontos, Binding de Séries e Série auto-criada. Na aba Binding de Séries faremos a seguinte configuração:
Após configurar a Propriedade do Agrupamento e a Propriedade do Valor, acesse a aba Pontos e visualize os dados que serão utilizados na representação do gráfico:
|
Card |
---|
id | Gráfico |
---|
label | Gráfico |
---|
title | Gráfico |
---|
| Gráfico Configure a aparência do gráfico, como cor de fundo, estilo de preenchimento, imagem de fundo, bordas, entre outros. Utilize também as abas apresentadas no canto direito da tela.
|
Card |
---|
id | Diagrama |
---|
label | Diagrama |
---|
title | Diagrama |
---|
| Diagrama Comoestamos construindo um gráfico de Barras, podemos inverter os eixos; para isso, marque a opção Inverter presente na tela.
|
Card |
---|
id | Painéis |
---|
label | Painéis |
---|
title | Painéis |
---|
| Painéis Configure a aparência do painel do gráfico, que é a área destacada em vermelho na imagem abaixo. Pode-se alterar cores, sombra, bordas, entre outros.
|
Card |
---|
id | Eixos |
---|
label | Eixos |
---|
title | Eixos |
---|
| Eixos Por padrão o sistema gera uma escala automaticamente para os eixos. Para alterá-la, assim como customizar aparência, elementos, rótulos, entre outros, utilize as abas do canto direito da tela.
|
Card |
---|
id | Séries |
---|
label | Séries |
---|
title | Séries |
---|
| Séries Para gráficos que possuem mais de uma série, é possível customizar sua aparência, bordas, sombras e indicadores. Essas configurações não serão alteradas neste exemplo.
|
Card |
---|
id | Rótulo de Ponto |
---|
label | Rótulo de Ponto |
---|
title | Rótulo de Ponto |
---|
| Rótulo de Ponto Para exibir os rótulos no gráfico, que estão indicados em vermelho na imagem abaixo, marque a opção Visível. A partir de então será possível customizar cores, conteúdo a ser exibido no rótulo, linhas, aparência, sombra, entre outros.
Para configurar o conteúdo a ser exibido no rótulo, acesse a aba Opções de Ponto. |
Card |
---|
id | Títulos de Gráfico |
---|
label | Títulos de Gráfico |
---|
title | Títulos de Gráfico |
---|
| Títulos de Gráfico Para colocar títulos no gráfico, clique em Adicionar, informe o título e faça a configuração de posição, aparência, fonte, cor, tamanho, entre outros, através da aba Geral.
|
Card |
---|
id | Legenda |
---|
label | Legenda |
---|
title | Legenda |
---|
| Legenda A legenda pode ser ocultada, customizada em cores, aparência, bordas, sombras, entre outros. Image Added |
|
Opções de Apresentação Deck of Cards |
---|
| Card |
---|
id | Anotação |
---|
label | Anotação |
---|
title | Anotação |
---|
| Anotação É possível adicionar anotações no gráfico, como no exemplo abaixo. Podem ser adicionadas imagens também. Para customizar as anotações basta navegar entre as abas apresentadas no canto direito da tela. Image Added |
|
|