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:
- Configure el archivo de diseño de informe. Cree un informe, origen de datos y conjunto de datos nuevos.
- Añada el diagrama al informe. Inserte un elemento de diagrama y seleccione un tipo de diagrama.
- Proporcione datos para el informe. Enlace el diagrama a un conjunto de datos y configure las
expresiones que utiliza el diagrama.
- Revise el diagrama. Utilice el visor de vista previa para examinar el diagrama.
- Actualice los títulos de diagrama. Modifique el título del diagrama y elimine un título
innecesario debajo del círculo.
- Depurar el aspecto del diagrama. Elimine la leyenda del diagrama y modifique las
etiquetas que identifican cada sector.
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.
- Utilizando la plantilla Informe en blanco, cree un diseño de informe nuevo denominado Chart.rptdesign.
- Construya un origen de datos para el archivo de diseño de informe utilizando la base de datos
de ejemplo, Classic Models.
- Construya un conjunto de datos para el diagrama. Utilice el siguiente nombre de conjunto de datos:
Utilice la siguiente sentencia SELECT de SQL:
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.
- 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.
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.
- 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:
Utilice el texto siguiente para el nombre de visualización de la columna 2:
- 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.
- 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.
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
- 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.
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:
- Qué sectores aparecen en el círculo. En esta guía de aprendizaje, utiliza una expresión
que crea un sector para cada línea de productos.
- El tamaño de cada sector. En esta guía de aprendizaje, el número de pedidos determina
el tamaño de cada sector de línea de productos.
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.
- 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.
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.
- 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.
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:
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
- 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.
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:
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.
- 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.
Figura 14-11 Elemento de diagrama en el editor de diseño
- 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.
Figura 14-12 Cómo agrandar un elemento de diagrama
- 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.
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.
- 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.
- 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.
Figura 14-14 Cómo añadir un título en la sección Área de diagrama
- En Título de diagrama, especifique:
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:
- 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.
Figura 14-16 Sección Leyenda de Formatear diagrama
- 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.
Figura 14-17 Utilización de Leyenda de diseño para ocultar la leyenda
- 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.
Figura 14-18 Diagrama con leyenda oculta
- 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.
Figura 14-19 Etiquetas
- 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.
Figura 14-20 Cómo añadir datos de categoría a una etiqueta
- 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.
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.
- 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.
Figura 14-22 Cómo añadir un separador de etiqueta
- 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.
- 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.
Figura 14-23 Editar formato
Seleccione Aceptar para cerrar Editar formato.
- 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.
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.
- 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.
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
- En Estilo de línea líder, seleccione Longitud fija. Cambie Tamaño de línea líder a 20.
- 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.
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.
