Tema anteriorTema siguiente


Guía de aprendizaje 4: Creación de un diagrama

En esta sección se proporcionan instrucciones paso a paso para construir un informe que visualiza totales de pedidos organizados por línea de productos. El informe muestra la información gráficamente en un diagrama circular.

El diagrama utiliza datos de la base de datos de ejemplo, Classic Models. Esta base de datos se instala al instalar BIRT. La Figura 14-1 muestra el diagrama que crea en la guía de aprendizaje.

Figura 14-1 Diagrama completado de la guía de aprendizaje

Para crear este diagrama, realice las tareas siguientes:

Tarea 1: Configurar el archivo de diseño de informe

Antes de empezar a diseñar un diagrama, debe crear un archivo de diseño de informe en el que visualizar el diagrama y a continuación configurar el origen de datos y el conjunto de datos que utiliza el diagrama. Estas tareas se describen en detalle en las secciones anteriores de este manual, incluyendo una guía de aprendizaje en la que construye un informe de ejemplo. Esta guía de aprendizaje explica cómo seleccionar los datos específicos que utiliza para construir el diagrama circular de ejemplo.

  1. Utilizando la plantilla Informe en blanco, cree un diseño de informe nuevo denominado Chart.rptdesign.
  2. Construya un origen de datos para el archivo de diseño de informe utilizando la base de datos de ejemplo, Classic Models.
  3. Construya un conjunto de datos para el diagrama. Utilice el siguiente nombre de conjunto de datos:
  4. ChartData 
    
    Utilice la siguiente sentencia SELECT de SQL:
    SELECT Products.ProductLine, 
    sum(OrderDetails.QuantityOrdered) 
    FROM OrderDetails, 
    Products 
    WHERE Products.ProductCode=OrderDetails.ProductCode 
    GROUP BY Products.ProductLine 
    ORDER BY Products.ProductLine 
    
    Esta sentencia obtiene valores de la columna ProductLine de la tabla Products. A continuación, agrupa los resultados por línea de productos y calcula la suma de las cantidades de pedido para cada grupo.
  5. Realice una vista previa de la consulta para validar los datos que devuelve. Si ha creado la sentencia SELECT correctamente, debe ver las filas de datos que aparecen en la Figura 14-2.
  6. Figura 14-2 Vista previa del conjunto de datos
    La primera columna lista los nombres de línea de productos. La segunda columna muestra la suma de los totales de pedido para cada línea de productos. La columna de suma se denomina 2.
  7. Para renombrar la columna a un nombre más descriptivo, seleccione Columnas de salida. Utilice el texto siguiente para el alias de la columna 2:
  8. TotalOrders 
    
    Utilice el texto siguiente para el nombre de visualización de la columna 2:
    TOTALORDERS 
    
  9. Ahora ha acabado de configurar el archivo de diseño de informe. Para cerrar Editar conjunto de datos y abrir el editor de diseño, seleccione Aceptar.

Tarea 2: Añadir el diagrama al informe

Utilice la paleta para añadir un elemento de diagrama y, a continuación, seleccione un tipo de diagrama. En esta guía de aprendizaje, construye un diagrama circular.

  1. Seleccione Paleta y, a continuación, arrastre un elemento de diagrama desde la paleta al informe, tal y como se muestra en la Figura 14-3.
  2. Figura 14-3 Cómo añadir un elemento de diagrama a un informe
    Aparece el Constructor de diagrama, Diagrama nuevo. Si tiene un diagrama existente, el título de la ventana es Editar diagrama. La página Seleccionar tipo de diagrama visualiza distintos tipos de diagramas que puede crear. Cada tipo de diagrama incluye varios subtipos, proporcionándole un amplio rango de tipos disponibles.
    Por ejemplo, cuando abra por primera vez el Constructor de diagrama, verá tres subtipos de diagrama de barras distintos, tal y como se muestra en la Figura 14-4. Si selecciona un tipo distinto en Seleccionar tipo de diagrama, se visualizarán los tipos disponibles para ese tipo de diagrama. Estos subtipos crean dos diagramas bidireccionales. Posteriormente en este capítulo aprenderá cómo utilizar la opción Dimensión para mostrar incluso más subtipos.

    Figura 14-4 Seleccionar tipo de diagrama que muestra subtipos de diagrama de barras
  3. En la lista Seleccionar tipo de diagrama, seleccione Diagrama circular. El Constructor de diagrama muestra el diagrama circular en la ventana de vista previa, tal y como se muestra en la Figura 14-5. Los diagramas circulares tienen sólo un subtipo bidimensional, de forma que ve sólo una opción en el área Subtipo. Mientras está diseñando el diagrama, la ventana de vista previa le proporciona una indicación del progreso que está realizando. Por ejemplo, si cambia el color de los sectores del diagrama circular o sustituye el texto del título predeterminado por un título nuevo, la ventana de vista previa refleja los cambios.
  4. Figura 14-5 Subtipo bidimensional de un diagrama circular

Tarea 3: Cómo proporcionar datos para un diagrama

En esta guía de aprendizaje, ya ha creado la conexión de origen de datos y el conjunto de datos que necesita. Si es necesario, puede utilizar el Constructor de diagrama para crear un nuevo conjunto de datos o crear filtros o parámetros que depuren los datos del diagrama. Después de seleccionar el conjunto de datos a utilizar, debe configurar las expresiones que utiliza el diagrama. Cada tipo de diagrama utiliza los datos de forma distinta. Para un diagrama circular, debe seleccionar expresiones de datos que especifiquen lo siguiente:

Puede utilizar distintas técnicas para proporcionar una expresión de datos en un diagrama. La forma más fácil de especificar los datos a utilizar es arrastrar una columna desde Vista previa de datos a un campo. También puede escribir la expresión o utilizar el Constructor de expresiones para crear una expresión.

  1. Para navegar a la página que utiliza para proporcionar los datos, seleccione Siguiente. A continuación, en Seleccionar datos, seleccione Utilizar conjunto de datos. La Figura 14-6 muestra las opciones que aparecerán.
  2. Figura 14-6 Selección del conjunto de datos que ha creado
    Este archivo de informe incluye sólo un conjunto de datos, ChartData. Si el archivo incluyera más conjuntos de datos, los nombres de conjunto de datos aparecerían en la lista desplegable.
    En la mitad inferior del Constructor de diagrama, Vista previa de datos visualiza algunos de los datos del conjunto de datos que está utilizando. Puede utilizar las columnas de línea de productos y de total de pedidos. De forma predeterminada, Vista previa de datos muestra seis filas de datos.
  3. En primer lugar, para determinar qué sectores visualiza el círculo, debe proporcionar una expresión de serie de categoría. En Vista previa de datos, seleccione la cabecera de la columna PRODUCTLINE y arrástrela al campo vacío situado a la derecha de Definición de categoría, tal y como se muestra en la Figura 14-7.
  4. Figura 14-7 Cómo proporcionar una expresión de serie de categoría
    La siguiente expresión aparece en Definición de categoría:
    row["PRODUCTLINE"] 
    
    En Vista previa de datos, la columna de línea de productos aparecerá ahora coloreada para mostrar que ha utilizado la columna en el diagrama. La Figura 14-8 muestra la columna seleccionada.

    Figura 14-8 Vista previa de datos con columna seleccionada
  5. Para establecer el tamaño de cada sector, seleccione la cabecera de la columna TOTALORDERS y arrástrela al campo vacío situado debajo de Definición de tamaño de porción, tal y como se muestra en la Figura 14-9.
  6. Figura 14-9 Cómo proporcionar una expresión de serie de valor
    La siguiente expresión aparece en Definición de tamaño de porción:
    row["TOTALORDERS"] 
    
    En Vista previa de datos, la columna de total de pedidos aparecerá ahora coloreada para indicar que la columna se utiliza en el diagrama. La imagen en Vista previa de diagrama también cambia para utilizar los datos que ha especificado. Las líneas de productos son categorías de diagrama. Cada sector representa una línea de productos. Los totales de pedidos son valores de diagrama. El tamaño de cada sector representa los pedidos totales para esa categoría de línea de productos. Puede utilizar la imagen de vista previa para verificar que ha proporcionado las expresiones correctas para el diagrama. La imagen de vista previa debe tener un aspecto como el que se muestra en la Figura 14-10.

    Figura 14-10 Imagen de Vista previa de diagrama

Ahora ha completado los pasos necesarios para crear un diagrama circular básico. Para confirmar que el diagrama aparece correctamente en el informe, visualícelo en el visor de vista previa.

Tarea 4: Visualizar el diagrama

La realización de pruebas conforme avanza es un aspecto importante del proceso del desarrollador. La revisión del trabajo en distintos puntos del proceso garantiza que no pierda tiempo haciendo avanzar el informe en la dirección equivocada. La imagen de vista previa en el Constructor de diagrama es una forma de comprobar el progreso. También debe utilizar el visor de vista previa para revisar el aspecto que tiene el diagrama en un documento de informe.

  1. Para cerrar el Constructor de diagrama, seleccione Finalizar. El elemento de diagrama aparecerá en el editor de diseño. El diagrama debe tener un aspecto similar al que se muestra en la Figura 14-11.
  2. Figura 14-11 Elemento de diagrama en el editor de diseño
  3. El elemento de diagrama aparece pequeño, en relación a la página de informe. Para aumentar el tamaño del diagrama de forma que los datos se vean más claramente y ocupe más espacio en la página de informe, agrande el elemento de diagrama a aproximadamente 5 pulgadas de anchura y 3 pulgadas de altura. Para agrandar el diagrama, selecciónelo y, a continuación, arrastre las pestañas que aparecen en los bordes del elemento de diagrama, tal y como se muestra en la Figura 14-12.
  4. Figura 14-12 Cómo agrandar un elemento de diagrama
  5. Seleccione Vista previa para mostrar el diagrama en el visor de vista previa. El diagrama tiene un aspecto como el que se muestra en la Figura 14-13.
  6. Figure 14-13 Diagrama en el visor de vista previa

El diagrama utiliza los datos correctos, pero el diseño no es muy atractivo. Necesita depurar el aspecto y la organización del diagrama para resaltar los puntos que desea. Los procedimientos restantes de esta guía de aprendizaje le ayudan a modificar el diagrama. Algunos de los cambios que realiza incluyen la creación de un título nuevo, ajustar las etiquetas de datos y eliminar la leyenda.

Tarea 5: Actualizar el título del diagrama

Actualmente, el diagrama visualiza un título predeterminado.

  1. Seleccione Diseño para volver al editor de diseño y, a continuación, efectúe una doble pulsación en el diseño del diagrama para abrir el Constructor de gráfico.
  2. Seleccione Formatear diagrama y, a continuación, seleccione Área de diagrama en la lista de la izquierda. La Figura 14-14 muestra el Constructor de diagrama.
  3. Figura 14-14 Cómo añadir un título en la sección Área de diagrama
  4. En Título de diagrama, especifique:
  5. Orders by Product Line 
    
    La imagen de vista previa visualizará el cambio, tal y como se muestra en la Figura 14-15.

    Figura 14-15 Imagen de Vista previa de diagrama con título nuevo

Tarea 6: Depurar el aspecto del diagrama

Además del título, el diagrama incluye etiquetas que identifican el valor de cada sector. Una leyenda identifica la línea de productos que representa un sector. La leyenda incluye información útil, pero ocupa espacio en el diagrama y reduce el tamaño del círculo. Puede eliminar la leyenda y añadir la información de la leyenda a las etiquetas de sector a fin de visualizar la misma información de forma distinta. Una ventaja adicional de eliminar las etiquetas es que, al imprimir el informe, el diagrama muestra claramente los sectores que representan una línea de productos, incluso si los colores no se distinguen fácilmente. Cada etiqueta de datos visualizará información de categoría (el nombre del sector) e información de valor (el número total de pedidos para el sector). Por ejemplo, la siguiente etiqueta identifica el sector de motocicletas:

Motocicletas: 12,778 
  1. Para navegar hasta la sección de la leyenda del Constructor de diagrama, seleccione Leyenda en la lista de la izquierda, tal y como se muestra en la Figura 14-16.
  2. Figura 14-16 Sección Leyenda de Formatear diagrama
  3. Para abrir la ventana de la que desea suprimir la leyenda, seleccione Diseño en la parte inferior de la pantalla. Aparecerá Leyenda de diseño, tal y como se muestra en la Figura 14-17.
  4. Figura 14-17 Utilización de Leyenda de diseño para ocultar la leyenda
  5. Deseleccione Visible y, a continuación, cierre la ventana. Vista previa de diagrama refleja el cambio. El diagrama tiene un aspecto como el que se muestra en la Figura 14-18.
  6. Figura 14-18 Diagrama con leyenda oculta
  7. Ahora puede añadir la información de leyenda a las etiquetas de sector. Navegue hasta la sección de formateo de series de valor y, a continuación, seleccione Etiquetas. Etiquetas muestra qué datos visualizan las etiquetas de sector. También puede utilizar Etiquetas para cambiar el formato de las etiquetas, como por ejemplo los contornos o el estilo de texto. La Figura 14-19 muestra Etiquetas.
  8. Figura 14-19 Etiquetas
  9. Para añadir el nombre de sección a la etiqueta, asegúrese de que Datos de categoría aparezca en la lista desplegable en el área Valores y, a continuación, seleccione Añadir. Datos de categoría aparece debajo de Datos de valor en la lista, tal y como se muestra en la Figura 14-20.
  10. Figura 14-20 Cómo añadir datos de categoría a una etiqueta
  11. Utilizando esta configuración, las etiquetas muestras valores de sector y, a continuación, nombres de sector. Es posible que desee reorganizar los datos de etiqueta de forma que los nombres de sector aparezcan en primer lugar. Seleccione Datos de valor y seleccione Eliminar; a continuación, en la lista desplegable, seleccione de nuevo Datos de valor y seleccione Añadir. Datos de valor aparece debajo de Datos de categoría en la lista, tal y como se muestra en la Figura 14-21.
  12. Figura 14-21 Etiquetas con datos reorganizados
    Ahora las etiquetas visualizarán la información en el orden correcto, pero seguirá necesitando cambiar el aspecto de la etiqueta. Cuando utiliza más de un tipo de información en una etiqueta, puede utilizar un separador entre las distintas secciones. El separador actual es una coma.
  13. Para cambiar el separador, en Separador, escriba dos puntos (:) y luego un espacio. La Figura 14-22 muestra dónde especificar el texto del separador.
  14. Figura 14-22 Cómo añadir un separador de etiqueta

  15. Debido a que el diagrama utiliza datos con números enteros, un formato de número que muestre valores decimales es innecesario. Para cambiar el formato de número de la parte de valor de la etiqueta, seleccione Valor de datos en la lista y, a continuación, seleccione Editar formato. Puede utilizar Editar formato para cambiar el formato de número de datos de fecha y hora o numéricos.
  16. Seleccione Estándar y, a continuación, cambie el valor en Dígitos de fracción a 0. En este momento, Editar formato aparecerá tal y como se muestra en la Figura 14-23.
  17. Figura 14-23 Editar formato
    Seleccione Aceptar para cerrar Editar formato.

  18. Para cambiar los atributos de formato del texto de la etiqueta, seleccione Invocar editor de fonts. La Figura 14-24 muestra dónde encontrar el botón Editor de fonts.
  19. Figura 14-24 Cómo abrir el Editor de fonts desde Etiquetas
    Aparecerá Editor de fonts. Utilice Editor de fonts para cambiar el formato del texto de las etiquetas.
  20. Cambie el font a Tahoma y el tamaño a 11, tal y como se muestra en la Figura 14-25. A continuación, seleccione Aceptar y cierre Etiquetas.
  21. Figura 14-25 Editar font
    Puede establecer una longitud coherente para las líneas líder que conectan las etiquetas a los sectores. La Figura 14-26 muestra dónde encontrar los valores de línea líder.

    Figura 14-26 Sección Serie de valor de Formatear diagrama
  22. En Estilo de línea líder, seleccione Longitud fija. Cambie Tamaño de línea líder a 20.
  23. Ha acabado de crear y formatear el diagrama. Para ver el elemento de diagrama en el editor de diseño, seleccione Finalizar. A continuación, por última vez, seleccione Vista previa para realizar una vista previa del diagrama. El diagrama tiene un aspecto como el que se muestra en la Figura 14-27.
  24. Figura 14-27 Diagrama completo de la guía de aprendizaje

El diagrama completo muestra los nombres de categoría para cada sector así como los valores de sector. El tamaño y organización del diagrama hacen posible un análisis rápido, al mismo tiempo que continúan proporcionando datos más detallados. Por ejemplo, el usuario puede ver inmediatamente que el sector más grande del círculo es Classic Cars, que tiene 35.582 pedidos, seguido por Vintage Cars, que tiene 22.933. Los dos sectores de coches son mayores que todos los demás sectores juntos. Otros grupos de línea de productos, como por ejemplo Trains, no aportan números de pedidos significativos.


(c) Copyright Actuate Corporation 2006

Tema anteriorTema siguiente