Tópico
anteriorTópico
seguinte


Guia de iniciação 4: Criar um gráfico

Esta secção faculta instruções passo-a-passo para a elaboração de um relatório que apresente os totais das encomendas organizados de acordo com a linha de produtos. O relatório apresenta as informações através de um gráfico circular.

O gráfico utiliza dados da base de dados exemplo, Classic Models. A base de dados é instalada na mesma altura que o BIRT. A Figura 14-1 apresenta o gráfico criado no guia de iniciação.

Figura 14-1 Gráfico do guia de iniciação concluído

Para criar este gráfico, execute as seguintes tarefas:

Tarefa 1: Configurar o ficheiro de concepção do relatório

Antes de iniciar a concepção de um gráfico, deverá criar um ficheiro de concepção de relatório no qual será apresentado o gráfico e, em seguida, configurar a origem de dados e o conjunto de dados utilizados pelo gráfico. Estas tarefas são descritas ao pormenor em secções anteriores deste livro, incluindo no guia de iniciação no qual é possível criar um exemplo de relatório. Este guia de iniciação explica como seleccionar os dados específicos utilizados para criar o exemplo de gráfico circular.

  1. Utilizando o modelo Relatório em branco, crie uma nova concepção de relatório denominada Chart.rptdesign.
  2. Crie uma origem de dados para o ficheiro de concepção de relatórios utilizando a base de dados exemplo, Classic Models.
  3. Crie um conjunto de dados para o gráfico. Utilize o seguinte nome de conjunto de dados:
  4. ChartData 
    
    Utilize a seguinte instrução SQL SELECT:
    SELECT Products.ProductLine, 
    sum(OrderDetails.QuantityOrdered) 
    FROM OrderDetails, 
    Products 
    WHERE Products.ProductCode=OrderDetails.ProductCode 
    GROUP BY Products.ProductLine 
    ORDER BY Products.ProductLine 
    
    Esta instrução obtém valores da coluna ProductLine existente na tabela Produtos. Em seguida, agrupa os resultados por linha de produtos e calcula a soma das quantidades das encomendas para cada grupo.
  5. Pré-visualize a consulta para validar os dados devolvidos. Se tiver criado a instrução SELECT correctamente, deverá visualizar as linhas de dados apresentadas na Figura 14-2.
  6. Figura 14-2 Pré-visualizar o conjunto de dados
    A primeira coluna apresenta nomes de linhas de produtos. A segunda coluna apresenta a soma dos totais das encomendas para cada linha de produtos. O nome da coluna da soma é 2.
  7. Para alterar o nome da coluna para algo mais descritivo, seleccione Colunas de saída. Utilize o seguinte texto para o nome alternativo da coluna 2:
  8. TotalOrders 
    
    Utilize o seguinte texto para o nome de apresentação da coluna 2:
    TOTALORDERS 
    
  9. Está concluída a configuração do ficheiro de concepção de relatório. Para fechar Editar conjunto de dados e abrir o editor de esquemas, seleccione OK.

Tarefa 2: Adicionar o gráfico ao relatório

A paleta é utilizada para adicionar um elemento de gráfico e, em seguida, seleccionar um tipo de gráfico. Neste guia de iniciação, é construído um gráfico circular.

  1. Seleccione Paleta e arraste um elemento de gráfico da paleta até ao relatório, tal como indicado na Figura 14-3.
  2. Figura 14-3 Adicionar um elemento de gráfico a um relatório
    O construtor de gráfico, Novo gráfico, á apresentado. Caso já possua um gráfico, o título da janela é Editar gráfico. A página Seleccionar tipo de gráfico apresenta os diferentes tipos de gráficos que é possível criar. Cada gráfico inclui diversos subtipos, proporcionando uma vasta gama de tipos disponíveis.
    Por exemplo, ao abrir o construtor de gráficos pela primeira vez, são apresentados três subtipos de gráficos de barras diferentes, tal como indicado na Figura 14-4. A selecção de um tipo diferente em Seleccionar tipo de gráfico apresenta os subtipos disponíveis para o tipo de gráfico em questão. Estes subtipos criam gráficos bidimensionais. Mais à frente neste capítulo, serão fornecidas indicações sobre como utilizar a opção Dimensão de forma a apresentar ainda mais subtipos.

    Figura 14-4 Seleccionar tipo de gráfico apresentando subtipos de gráficos de barras
  3. Na lista Seleccionar tipo de gráfico, seleccione Gráfico circular. O construtor de gráficos apresenta o gráfico circular na janela de pré-visualização, tal como indicado na Figura 14-5. Os gráficos circulares possuem apenas um subtipo bidimensional, portanto, só é apresentada uma opção na área Subtipos. À medida que um gráfico é concebido, a janela de pré-visualização proporciona uma indicação do progresso que está a ser feito. Por exemplo, se alterar a cor dos sectores do gráfico circular ou substituir o texto do título predefinido por um novo título, a janela de pré-visualização reflecte as alterações.
  4. Figura 14-5 Subtipo bidimensional para um gráfico circular

Tarefa 3: Facultar dados para um gráfico

Neste guia de iniciação, já foi criada a ligação da origem de dados e o conjunto de dados necessários. Caso seja necessário, é possível utilizar o construtor de gráficos para criar um novo conjunto de dados, bem como para criar filtros e parâmetros que aperfeiçoem os dados do gráfico. Depois de seleccionar o conjunto de dados a utilizar deverão ser configuradas as expressões que o gráfico utiliza. Cada tipo de dados utiliza os dados de forma diferente. No caso de um gráfico circular, deverá seleccionar expressões de dados que especificam:

É possível utilizar diferentes técnicas para facultar uma expressão de dados num gráfico. A forma mais simples de especificar os dados a utilizar é arrastar uma coluna de Pré-visualização de dados até um campo. É ainda possível introduzir a expressão ou utilizar o Construtor de expressões para criar uma expressão.

  1. Para navegar até à página utilizada para fornecer dados, seleccione Seguinte. Em seguida, em Seleccionar dados, seleccione Utilizar conjunto de dados. A Figura 14-6 indica as opções apresentadas.
  2. Figura 14-6 Seleccionar o conjunto de dados criado
    Este relatório inclui apenas um conjunto de dados, ChartData. Caso o ficheiro incluísse mais conjuntos de dados, os nomes dos conjuntos de dados seriam apresentados na lista de selecção.
    Na metade inferior do construtor de gráficos, Pré-visualização de dados apresenta alguns dos dados do conjunto de dados que está a utilizar. É possível ver as colunas com o total de encomendas e a linha de produtos. Por predefinição, Pré-visualização de dados apresenta seis linhas de dados.
  3. Em primeiro lugar, para determinar quais os sectores apresentados pelo gráfico circular, é facultada uma expressão de uma série de categorias. Em Pré-visualização de dados, seleccione o cabeçalho da coluna PRODUCTLINE e arraste-o até ao campo vazio à direita de Definição de categoria, tal como indicado na Figura 14-7.
  4. Figura 14-7 Fornecer uma expressão da série de categorias
    A seguinte expressão é apresentada em Definição de categoria:
    row["PRODUCTLINE"] 
    
    Em Pré-visualização de dados, a coluna da linha de produtos é agora apresentada a cores para mostrar que foi utilizada no gráfico. A Figura 14-8 apresenta a coluna seleccionada.

    Figura 14-8 Pré-visualização de dados com coluna seleccionada
  5. Para definir o tamanho de cada sector, seleccione o cabeçalho da coluna TOTALORDERS e arraste-o até ao campo vazio sob Definição de tamanho de sectores, tal como indicado na Figura 14-9.
  6. Figura 14-9 Fornecer uma expressão da série de valores
    A seguinte expressão é apresentada em Definição de tamanho de sectores:
    row["TOTALORDERS"] 
    
    Em Pré-visualização de dados, a coluna com o total das encomendas é agora apresentada a cores para mostrar que foi utilizada no gráfico. A imagem em Pré-visualização de gráfico também sofre alterações de forma a utilizar os dados especificados. As linhas de produtos são categorias do gráfico. Cada sector representa uma linha de produtos. Os valores totais da encomenda são valores do gráfico. O tamanho de cada sector representa o total de encomendas para a categoria da linha de produtos em questão. É possível utilizar a imagem de pré-visualização para verificar se foram facultadas as expressões correctas para o gráfico. A imagem de pré-visualização deveria ser semelhante àquela apresentada na Figura 14-10.

    Figura 14-10 Imagem de Pré-visualização do gráfico

Os passos necessários para criar um gráfico circular simples foram concluídos. Para confirmar que o gráfico está correctamente colocado no relatório, é possível utilizar a ferramenta de pré-visualização.

Tarefa 4: Rever o gráfico

Efectuar testes à medida que se avança é um aspecto importante do processo executado pelo programador. A revisão do trabalho efectuada em diferentes alturas do processo evita perdas de tempo a desenvolver o relatório de uma forma errada. A imagem de pré-visualização do construtor de gráficos é uma forma de verificar o progresso efectuado. A ferramenta de pré-visualização deverá também ser utilizada para verificar qual o aspecto do gráfico num documento de relatório.

  1. Para fechar o construtor de gráficos, seleccione Terminar. O elemento do gráfico é apresentado no editor de esquemas. O gráfico deverá ter um aspecto semelhante ao indicado na Figura 14-11.
  2. Figura 14-11 Elemento de gráfico no editor de esquemas
  3. O elemento do gráfico é apresentado em tamanho reduzido, relativamente à página do relatório. Para aumentar o tamanho do gráfico de forma a que os dados sejam apresentados de uma forma mais perceptível e ocupem uma maior parte da página do relatório, amplie o elemento do gráfico para aproximadamente 12,5 centímetros de largura e 7,5 centímetros de altura. Para ampliar o gráfico, seleccione-o e arraste as guias existentes nos contornos do elemento do gráfico, tal como indicado na Figura 14-12.
  4. Figura 14-12 Ampliar um elemento de gráfico
  5. Seleccione Pré-visualizar para apresentar o gráfico na ferramenta de pré-visualização. O gráfico possui um aspecto semelhante ao indicado na Figura 14-13.
  6. Figura 14-13 Gráfico na ferramenta de pré-visualização

O gráfico utiliza os dados correctos, mas o esquema não é muito atractivo. É necessário aperfeiçoar a organização e o aspecto do gráfico para evidenciar os pontos pretendidos. Os restantes procedimentos presentes neste guia de iniciação ajudá-lo-ão a modificar o gráfico. Algumas das alterações que poderão ser efectuadas incluem a criação de um novo título, o ajuste das etiquetas de dados e a remoção da legenda.

Tarefa 5: Actualizar o título do gráfico

Actualmente, o gráfico apresenta um título predefinido.

  1. Seleccione Esquema para regressar ao editor de esquemas e, em seguida, faça duplo clique na concepção do gráfico para abrir o construtor de gráficos.
  2. Seleccione Formatar gráfico e, em seguida, seleccione Área de gráficos na lista à esquerda. A Figura 14-14 apresenta o construtor de gráficos.
  3. Figura 14-14 Adicionar um título à secção da área do gráfico
  4. Em Título do gráfico, introduza:
  5. Orders by Product Line 
    
    A imagem de pré-visualização apresenta a alteração, tal como indicado na Figura 14-15.

    Figura 14-15 Imagem de pré-visualização do gráfico com novo título

Tarefa 6: Aperfeiçoar o aspecto do gráfico

Além do título, o gráfico possui etiquetas que identificam o valor de cada sector. Uma legenda identifica qual a linha de produtos que um sector representa. Ao passo que a legenda inclui informações úteis, ocupa espaço no gráfico e reduz o tamanho do gráfico circular. É possível remover a legenda e adicionar as informações da mesma às etiquetas do sector de forma a que apresentem as mesmas informações de forma diferente. Um benefício adicional decorrente da movimentação das etiquetas é o facto de que, ao imprimir o relatório, o gráfico mostra claramente qual o sector que representa uma linha de produtos, mesmo que as cores não sejam fáceis de distinguir. Cada etiqueta de dados apresentará informações de categoria (o nome do sector) e informações de valor (o número total de encomendas para o sector). Por exemplo, a seguinte etiqueta identifica o sector Motorcycles:

Motorcycles: 12,778 
  1. Para navegar até à secção da legenda do construtor de gráficos, seleccione Legenda a partir da lista à esquerda, tal como indicado na Figura 14-16.
  2. Figura 14-16 Secção da legenda de Formatar gráfico
  3. Para abrir a janela a partir da qual é possível eliminar a legenda, seleccione Esquema na parte final do ecrã. Disposição de legenda é apresentado, tal como indicado na Figura 14-17.
  4. Figura 14-17 Utilizar Disposição de legenda para ocultar a legenda
  5. Anule a selecção de Visível e, em seguida, feche a janela. Pré-visualização do gráfico reflecte a alteração. O gráfico possui um aspecto semelhante ao indicado na Figura 14-18.
  6. Figura 14-18 Gráfico com legenda oculta
  7. A partir deste momento é possível adicionar as informações da legenda às etiquetas do sector. Navegue até à secção de formatação da série de valores e, em seguida, seleccione Etiquetas. As etiquetas apresentam todos os dados apresentados pelas etiquetas do sector. É ainda possível utilizar Etiquetas para alterar a formatação das etiquetas como, por exemplo, esquemas e estilo de texto. A Figura 14-19 apresenta Etiquetas.
  8. Figura 14-19 Etiquetas
  9. Para adicionar o nome da secção à etiqueta, certifique-se de que Dados de categorias é apresentado na lista de selecção existente na área Valores e, em seguida, seleccione Adicionar. Dados de categoria é apresentado sob Dados de valores, tal como indicado na Figura 14-20.
  10. Figura 14-20 Adicionar uma categoria a uma etiqueta
  11. Utilizando esta configuração, as etiquetas apresentam valores de sectores e, em seguida, nomes de sectores. O que se pretende é reorganizar os dados das etiquetas de forma a que os nomes dos sectores sejam apresentados em primeiro lugar. Seleccione Dados de valores, seleccione Remover e, em seguida, na lista de selecção, seleccione novamente Dados de valores e seleccione Adicionar. Dados de valores é agora apresentado na lista sob Dados de categoria, tal como indicado na Figura 14-21.
  12. Figura 14-21 Etiquetas com dados reorganizados
    Agora as etiquetas apresentarão as informações na ordem correcta mas continuará a ser necessário alterar o aspecto das mesmas. Ao utilizar mais do que um tipo de informações numa etiqueta, é possível utilizar um separador entre as diferentes secções. O separador actual é uma vírgula.
  13. Para alterar o separador, em Separador, introduza dois pontos (:) e, em seguida, um espaço. A Figura 14-22 apresenta o local onde introduzir o texto do separador.
  14. Figura 14-22 Adicionar um separador de etiquetas

  15. Dado que o gráfico utiliza dados com números inteiros, um formato de número que apresente valores decimais é desnecessário. Para alterar o formato de número do componente de valor da etiqueta, seleccione Dados de valores na lista e, em seguida, seleccione Editar formato. É possível utilizar Editar formato para alterar o formato de número de dados numéricos bem como de data e hora.
  16. Seleccione padrão e, em seguida, altere o valor em Dígitos de fracção para 0. Nesta altura, Editar formato é apresentado tal como na Figura 14-23.
  17. Figura 14-23 Editar formato
    Seleccione OK para fechar Editar formato.

  18. Para alterar os atributos de formatação do texto da etiqueta, seleccione Invocar editor de tipo de letras. A Figura 14-24 apresenta o local onde encontrar o botão Editor de tipo de letras.
  19. Figura 14-24 Abrir Editor de tipo de letras a partir de Etiquetas
    Editar tipo de letra é apresentado. Editar tipo de letra é utilizado para alterar o formato de texto das etiquetas.
  20. Altere o tipo de letra para Tahoma e o tamanho para 11, tal como indicado na Figura 14-25. Em seguida, seleccione OK e feche Etiquetas.
  21. Figura 14-25 Editar tipo de letra
    É possível definir um comprimento consistente para as linhas iniciais que ligam as etiquetas aos sectores. A Figura 14-26 apresenta onde encontrar as definições da linha inicial.

    Figura 14-26 Secção Série de valores de Formatar gráfico
  22. Em Estilo de linha inicial, seleccione Comprimento fixo. Altere o Estilo de linha inicial para 20.
  23. A criação e a formatação do gráfico estão concluídas. Para visualizar o elemento do gráfico no editor de esquemas, seleccione Terminar. Então, pela última vez, seleccione Pré-visualizar para pré-visualizar o gráfico. O gráfico possui um aspecto semelhante ao indicado na Figura 14-27.
  24. Figura 14-27 Gráfico do guia de iniciação concluído

O gráfico concluído apresenta os nomes de categorias para cada sector, bem como os valores dos sectores. O tamanho e a organização do gráfico tornam possível uma análise rápida, ao mesmo tempo em que este proporciona dados mais pormenorizados. Por exemplo, o utilizador pode constatar imediatamente que o maior sector do gráfico circular é Classic Cars, que possui 35.582 encomendas, seguido de Vintage Cars, que possui 22.933. Os dois sectores de automóveis são maiores do que os restantes sectores combinados. Outros grupos de linhas de produtos como, por exemplo, Trains, não contribuem com um número significativo de encomendas.


(c)
Copyright Actuate Corporation 2006

Tópico
anteriorTópico
seguinte