CONFIGURAÇÕES DE CONSTRUÇÃO Deck of Cards |
---|
id | Assistente de Configuração |
---|
| Card |
---|
id | Cenário |
---|
label | Cenário |
---|
title | Cenário |
---|
| Exemplo: 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: ![](/download/attachments/271847659/image2017-2-23%2010%3A26%3A51.png?version=1&modificationDate=1487856430000&api=v2)
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. ![](/download/attachments/271847659/image2017-2-23%2010%3A19%3A10.png?version=1&modificationDate=1487855969000&api=v2&effects=drop-shadow)
|
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. ![](/download/attachments/271847659/image2017-2-23%2010%3A35%3A48.png?version=1&modificationDate=1487856967000&api=v2)
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. ![](/download/attachments/271847659/image2017-2-23%2010%3A41%3A15.png?version=1&modificationDate=1487857294000&api=v2)
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: ![](/download/attachments/271847659/image2017-2-23%2010%3A54%3A53.png?version=1&modificationDate=1487858112000&api=v2)
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: ![](/download/attachments/271847659/image2017-2-23%2011%3A39%3A37.png?version=1&modificationDate=1487860796000&api=v2)
|
|
CONFIGURAÇÕES DE APRESENTAÇÃO Deck of Cards |
---|
| 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. ![](/download/attachments/271847659/image2017-2-23%2011%3A44%3A13.png?version=1&modificationDate=1487861072000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2011%3A46%3A41.png?version=1&modificationDate=1487861220000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2011%3A48%3A50.png?version=1&modificationDate=1487861349000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2011%3A50%3A58.png?version=1&modificationDate=1487861477000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2011%3A54%3A16.png?version=1&modificationDate=1487861675000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2011%3A55%3A39.png?version=1&modificationDate=1487861758000&api=v2)
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. ![](/download/attachments/271847659/image2017-2-23%2012%3A6%3A21.png?version=1&modificationDate=1487862400000&api=v2)
|
Card |
---|
id | Legenda |
---|
label | Legenda |
---|
title | Legenda |
---|
| Legenda A legenda pode ser ocultada, customizada em cores, aparência, bordas, sombras, entre outros. ![](/download/attachments/271847659/image2017-2-23%2012%3A10%3A27.png?version=1&modificationDate=1487862646000&api=v2)
|
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. ![](/download/attachments/271847659/image2017-2-23%2012%3A14%3A53.png?version=1&modificationDate=1487862913000&api=v2)
|
|
|