Tópico AnteriorPróximo Tópico


Tutorial 4: Criando um Gráfico

Esta seção fornece instruções passo a passo para a construção de um relatório que exibe totais do pedido que estão organizados pela linha do produto. O relatório mostra as informações graficamente em um gráfico de setores circulares.

O gráfico utiliza dados do banco de dados de amostras, Modelos Clássicos. Esse banco de dados é instalado durante a instalação do BIRT. A Figura 14-1 mostra o gráfico criado no tutorial.

Figura 14-1 Gráfico do tutorial concluído

Para criar esse gráfico, as seguintes tarefas serão concluídas:

Tarefa 1: Configurar o Arquivo de Design do Relatório

Antes de começar a projetar um gráfico, é necessário criar um arquivo de design de relatório no qual exibir o gráfico e, em seguida, configurar a origem de dados e o conjunto de dados que o gráfico utilizará. Essas tarefas são discutidas em detalhes em seções anteriores deste manual, incluindo um tutorial em que você constrói um relatório de amostra. Esse tutorial explica como selecionar os dados específicos que serão utilizados para construir o gráfico de setores circulares de amostra.

  1. Utilizando o modelo de Relatório em Branco, crie um novo design de relatório chamado Chart.rptdesign.
  2. Construa uma origem de dados para o arquivo de design de relatório utilizando o banco de dados de amostras, Modelos Clássicos.
  3. Construa 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 
    
    Essa instrução obtém valores da coluna ProductLine na tabela Produtos. Em seguida, ela agrupa os resultados pela linha do produto e calcula a soma das quantidades do pedido de cada grupo.
  5. Visualize a consulta para validar os dados retornados. Se a instrução SELECT tiver sido criada corretamente, você verá as linhas de dados mostradas na Figura 14-2.
  6. Figura 14-2 Visualizando o conjunto de dados
    A primeira coluna lista os nomes das linhas de produtos. A segunda coluna mostra a soma dos totais do pedido de cada linha do produto. A coluna de soma chama-se 2.
  7. Para renomear a coluna com um nome mais descritivo, escolha Colunas de Saída. Utilize o seguinte texto para o alias da coluna 2:
  8. TotalOrders 
    
    Utilize o seguinte texto para o nome de exibição da coluna 2:
    TOTALORDERS 
    
  9. Agora você concluiu a configuração do arquivo de design do relatório. Para fechar Editar Conjunto de Dados e abrir o editor de layout, escolha OK.

Tarefa 2: Incluir o Gráfico no Relatório

Utilize a paleta para incluir um elemento de gráfico e, em seguida, selecione um tipo de gráfico. Neste tutorial, você construirá um gráfico de setores circulares.

  1. Escolha Paleta e, em seguida, arraste um elemento de gráfico da paleta para o relatório, conforme mostrado na Figura 14-3.
  2. Figura 14-3 Incluindo um elemento de gráfico em um relatório
    O construtor de gráficos, Novo Gráfico, aparece. Se você tiver um gráfico existente, o título da janela será Editar Gráfico. A página Selecionar Tipo de Gráfico exibe os diferentes tipos de gráficos que podem ser criados. Cada tipo de gráfico inclui vários subtipos, fornecendo um intervalo amplo de tipos disponíveis.
    Por exemplo, ao abrir pela primeira vez o construtor de gráficos, você vê três subtipos diferentes de gráfico de barras, conforme mostrado na Figura 14-4. Escolher um tipo diferente em Selecionar Tipo de Gráfico exibe os subtipos disponíveis para esse tipo de gráfico. Esses subtipos criam gráficos bidimensionais. Posteriormente, neste capítulo, você aprenderá como utilizar a opção Dimensão para mostrar mais subtipos.

    Figura 14-4 Selecionar Tipo de Gráfico mostrando subtipos do gráfico de barras
  3. Na lista Selecionar Tipo de Gráfico, selecione Gráfico de Setores Circulares. O construtor de gráficos mostra o gráfico de setores circulares na janela de visualização, conforme mostrado na Figura 14-5. Os gráficos de setores circulares possuem apenas um subtipo bidimensional, portanto, você vê apenas uma opção na área Subtipo. Conforme você projeta um gráfico, a janela de visualização fornece uma indicação do progresso que está sendo feito. Por exemplo, se você alterar a cor dos setores do gráfico circular ou se substituir o texto do título padrão por um novo título, a janela de visualização refletirá essas alterações.
  4. Figura 14-5 Subtipo bidimensional de um gráfico de setores circulares

Tarefa 3: Fornecendo Dados para um Gráfico

Neste tutorial, você já criou a conexão de origem de dados e o conjunto de dados que precisava. Se necessário, utilize o construtor de gráficos para construir um novo conjunto de dados ou para criar filtros ou parâmetros que aperfeiçoam os dados do gráfico. Depois de selecionar o conjunto de dados a ser utilizado, configure as expressões que serão utilizadas pelo gráfico. Cada tipo de gráfico utiliza dados de forma diferente. Para um gráfico de setores circulares, selecione expressões de dados que especifiquem:

É possível utilizar técnicas diferentes para fornecer uma expressão de dados em um gráfico. A maneira mais fácil de especificar os dados a serem utilizados é arrastar uma coluna de Visualização de Dados para um campo. Também é possível digitar a expressão ou utilizar o Construtor de Expressões para criar uma expressão.

  1. Para navegar até a página que será utilizada para fornecer dados, escolha Avançar. Em seguida, em Selecionar Dados, escolha Utilizar Conjunto de Dados. A Figura 14-6 mostra as opções que aparecem.
  2. Figura 14-6 Selecionando o conjunto de dados criado
    Este arquivo de relatório inclui somente um conjunto de dados, ChartData. Se o arquivo incluísse mais conjuntos de dados, os nomes desses conjuntos apareceriam na lista drop-down.
    Na metade inferior do construtor de gráficos, a Visualização de Dados exibe alguns dos dados do conjunto de dados que está sendo utilizado. Você pode ver as colunas de linha do produto e de total de pedidos. Por padrão, a Visualização de Dados mostra seis linhas de dados.
  3. Primeiramente, para determinar os setores que serão exibidos pelo gráfico circular, você fornece uma expressão de série de categorias. Em Visualização de Dados, selecione o cabeçalho de coluna PRODUCTLINE e arraste-o para o campo vazio à direita de Definição de Categoria, conforme mostrado na Figura 14-7.
  4. Figura 14-7 Fornecendo uma expressão de série de categorias
    A seguinte expressão aparece em Definição de Categoria:
    row["PRODUCTLINE"] 
    
    Em Visualização de Dados, a coluna de linha do produto aparece agora colorida para mostrar que você utilizou a coluna no gráfico. A Figura 14-8 mostra a coluna selecionada.

    Figura 14-8 Visualização de Dados com coluna selecionada
  5. Para configurar o tamanho de cada setor, selecione o cabeçalho de coluna TOTALORDERS e arraste-o para o campo vazio abaixo de Definição do Tamanho do Pedaço, conforme mostrado na Figura 14-9.
  6. Figura 14-9 Fornecendo uma expressão de série de valores
    A seguinte expressão aparece em Definição do Tamanho do Pedaço:
    row["TOTALORDERS"] 
    
    Em Visualização de Dados, a coluna de totais do pedido aparece agora colorida para indicar que a coluna foi utilizada no gráfico. A imagem em Visualização do Gráfico também é alterada para utilizar os dados especificados. As linhas de produto são categorias do gráfico. Cada setor representa uma linha do produto. Os totais do pedido são valores do gráfico. O tamanho de cada setor representa o total de pedidos dessa categoria de linha do produto. Você pode utilizar a imagem de visualização para verificar se forneceu as expressões corretas para o gráfico. A imagem de visualização deve assemelhar-se à mostrada na Figura 14-10.

    Figura 14-10 Imagem de Visualização do Gráfico

Agora você concluiu as etapas necessárias para criar um gráfico de setores circulares básico. Para confirmar se o gráfico aparecerá corretamente no relatório, visualize-o no visualizador.

Tarefa 4: Visualizar o Gráfico

Testar seu progresso é um aspecto importante do processo de desenvolvimento. Rever seu trabalho em diferentes pontos no processo assegura que você não perderá tempo levando o relatório para a direção errada. A imagem de visualização no construtor de gráficos é uma maneira de verificar isso. Utilize também o visualizador para rever a aparência do gráfico em um documento de relatório.

  1. Para fechar o construtor de gráficos, escolha Concluir. O elemento de gráfico aparece no editor de layout. O gráfico deve assemelhar-se ao mostrado na Figura 14-11.
  2. Figura 14-11 Elemento de gráfico no editor de layout
  3. O elemento de gráfico aparece pequeno, em relação à página do relatório. Para que o gráfico fique maior e os dados apareçam mais claramente, ocupando mais espaço da página do relatório, amplie o elemento de gráfico para aproximadamente 5 polegadas de largura e 3 polegadas de altura. Para ampliar o gráfico, selecione-o e, em seguida, arraste as alças que aparecem nas molduras do elemento de gráfico, conforme mostrado na Figura 14-12.
  4. Figura 14-12 Ampliando um elemento de gráfico
  5. Escolha Visualizar para mostrar o gráfico no visualizador. O gráfico assemelha-se ao mostrado na Figura 14-13.
  6. Figura 14-13 Gráfico no visualizador

O gráfico utiliza os dados corretos, mas o layout não é muito atrativo. É necessário aperfeiçoar a aparência e a organização do gráfico para enfatizar os pontos desejados. Os outros procedimentos deste tutorial ajudam a modificar o gráfico. Algumas das alterações a serem feitas incluem a criação de um novo título, o ajuste das etiquetas de dados e a remoção da legenda.

Tarefa 5: Atualizando o Título do Gráfico

Atualmente, o gráfico exibe um título padrão.

  1. Escolha Layout para retornar ao editor de layout e, em seguida, dê um clique duplo no design do gráfico para abrir o construtor de gráficos.
  2. Escolha Formatar Gráfico e, em seguida, escolha Área do Gráfico na lista à esquerda. A Figura 14-14 mostra o construtor de gráficos.
  3. Figura 14-14 Incluindo um título na seção de área do gráfico
  4. Em Título do Gráfico, digite:
  5. Pedidos por Linha de Produto 
    
    A imagem de visualização exibe a alteração, conforme mostrado na Figura 14-15.

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

Tarefa 6: Aperfeiçoar a Aparência do Gráfico

Além do título, o gráfico inclui etiquetas que identificam o valor de cada setor. Uma legenda identifica qual linha do produto um setor representa. Embora a legenda inclua informações úteis, ela ocupa espaço no gráfico, reduzindo seu tamanho. Você pode remover a legenda e incluir suas informações nas etiquetas do setor para exibir as mesmas informações de uma maneira diferente. Um benefício adicional de se mover as etiquetas é que, ao imprimir o relatório, o gráfico mostra claramente qual setor representa uma linha do produto, mesmo que as cores não sejam distinguidas facilmente. Cada etiqueta de dados exibirá informações de categoria (o nome do setor) e de valores (o número total de pedidos do setor). Por exemplo, a seguinte etiqueta identifica o setor de motocicletas:

Motocicletas: 12.778 
  1. Para navegar para a seção de legenda do construtor de gráficos, escolha Legenda na lista à esquerda, conforme mostrado na Figura 14-16.
  2. Figura 14-16 Seção Legenda de Formatar Gráfico
  3. Para abrir a janela da qual excluir a legenda, escolha Layout no final da tela. Legenda do Layout aparece, conforme mostrado na Figura 14-17.
  4. Figura 14-17 Utilizando Legenda do Layout para ocultar a legenda
  5. Cancele a seleção de Visível e, em seguida, feche a janela. Visualização do Gráfico reflete a alteração. O gráfico assemelha-se ao mostrado na Figura 14-18.
  6. Figura 14-18 Gráfico com legenda oculta
  7. Agora você pode incluir as informações da legenda nas etiquetas do setor. Navegue até a seção de formatação de série de valores e, em seguida, escolha Etiquetas. Etiquetas mostra os dados que são exibidos pelas etiquetas do setor. Também é possível utilizar Etiquetas para alterar a formatação da etiqueta, como esboços e estilo de texto. A Figura 14-19 mostra Etiquetas.
  8. Figura 14-19 Etiquetas
  9. Para incluir o nome da seção na etiqueta, assegure-se de que Dados de Categoria apareça na lista drop-down na área Valores e, em seguida, escolha Incluir. Dados de Categoria aparece abaixo de Dados de Valor na lista, conforme mostrado na Figura 14-20.
  10. Figura 14-20 Incluindo dados de categoria em uma etiqueta
  11. Utilizando essa configuração, as etiquetas mostram os valores dos setores e, em seguida, os nomes dos setores. Você deseja reorganizar os dados da etiqueta para que os nomes dos setores apareçam primeiro. Selecione Dados de Valor e escolha Remover e, em seguida, na lista drop-down, selecione Dados de Valor novamente e escolha Incluir. Dados de Valor aparece abaixo de Dados de Categoria na lista, conforme mostrado na Figura 14-21.
  12. Figura 14-21 Etiquetas com dados reorganizados
    Agora as etiquetas exibirão informações na ordem correta, mas você ainda precisa alterar a aparência da etiqueta. Ao utilizar mais de um tipo de informação em uma etiqueta, você pode utilizar um separador intermediário entre as diferentes seções. O separador atual é uma vírgula.
  13. Para alterar o separador, em Separador, digite dois pontos (:) e, em seguida, um espaço. A Figura 14-22 mostra onde digitar o texto do separador.
  14. Figura 14-22 Incluindo um separador de etiqueta

  15. Como o gráfico utiliza dados com números inteiros, é desnecessário um formato numérico que mostre valores decimais. Para alterar o formato numérico da parte de valor da etiqueta, selecione Dados de Valor na lista e, em seguida, selecione Editar Formato. Você pode utilizar Editar Formato para alterar o formato numérico da data e hora ou dos dados numéricos.
  16. Selecione Padrão e, em seguida, altere o valor em Dígitos Fracionários para 0. Neste ponto, Editar Formato aparece, conforme mostrado na Figura 14-23.
  17. Figura 14-23 Editar Formato
    Escolha OK para fechar Editar Formato.

  18. Para alterar os atributos de formatação do texto da etiqueta, escolha Chamar Editor de Fonte. a Figura 14-24 mostra onde localizar o botão Editor de Fonte.
  19. Figura 14-24 Abrindo o Editor de Fonte a partir de Etiquetas
    Editar Fonte aparece. Utilize Editar Fonte para alterar o formato do texto das etiquetas.
  20. Altere a fonte para Tahoma e o tamanho para 11, conforme mostrado na Figura 14-25. Em seguida, escolha OK e feche Etiquetas.
  21. Figura 14-25 Editar Fonte
    Você pode configurar um comprimento consistente para as linhas guias que conectam as etiquetas aos setores. A Figura 14-26 mostra onde localizar as configurações de linhas guias.

    Figura 14-26 Seção Série de Valores de Formatar Gráfico
  22. Em Estilo da Linha Guia, selecione Comprimento Fixo. Altere Tamanho da Linha Guia para 20.
  23. Você concluiu a criação e a formatação do gráfico. Para ver o elemento de gráfico no editor de layout, escolha Concluir. Em seguida, pela última vez, escolha Visualizar para visualizar o gráfico. O gráfico assemelha-se ao mostrado na Figura 14-27.
  24. Figura 14-27 Gráfico do tutorial concluído

O gráfico concluído mostra os nomes das categorias de cada setor assim como os valores dos setores. O tamanho e a organização do gráfico torna possível a análise rápida e ainda fornece mais dados detalhados. Por exemplo, o usuário pode ver imediatamente que o maior setor do gráfico circular é Carros Clássicos, que possui 35.582 pedidos, seguido de Carros Antigos, que possui 22.933. Os dois setores de carros são maiores do que todos os outros setores combinados. Outros grupos de linha de produtos, como Trens, não contribuem com números significativos de pedidos.


(c) Direitos Autorais Actuate Corporation 2006

Tópico AnteriorPróximo Tópico