Seguimos publicando artículos de apoyo para los estudiantes como parte del programa educativo de la Academia. Cada desarrollador en algún momento necesitará trabajar con gráficos comerciales: diagramas, gráficos, códigos de barras. ¡Y nuestro FastReport VCL les ayudará a hacerlo!
Creación de cuadros y gráficos
Para dibujar un diagrama se utiliza el componente TfrxChartObject . En Rad y Delphi se basa en la biblioteca TeeChart para Delphi / Rad, que viene con Delphi / Rad. Alternativamente, se puede usar la biblioteca TeeChartPro, pero se compra por separado. En Lazarus, el componente de diagrama se basa en el paquete TAChartLazarusPkg, que es el componente TeeChart con licencia LGPL y está disponible en el administrador de paquetes estándar de Lazarus.
Veamos un gráfico simple con la tabla de países como ejemplo. Contiene datos sobre países, su área y población:
Nombre Área Población
Algeria 2 381 740 36 485 828
Angola 1 246 700 20 162 517
Agregue un objeto "Diagrama" a la hoja del informe y establezca el tamaño del objeto en 18x8 cm. Para personalizar el objeto, llame a su editor haciendo doble clic.
Los números de la figura indican:
1) Estructura del diagrama. Puede contener una o más series.
2) Inspector de objetos, que muestra las propiedades del elemento seleccionado en la ventana 1. De esta manera puede ajustar las propiedades del diagrama.
3) panel de enlace de datos de la serie, que se activa cuando se selecciona una serie en la ventana 1.
La primera vez que ejecutemos la ventana del editor, se verá como la siguiente figura. Pero primero debemos agregar una o más series (una en nuestro ejemplo). En el árbol marcado con el número 1, hacemos clic en Serie y luego en el botón, luego seleccionamos el tipo de gráfico y escribimos desde la ventana emergente. Ahora usaremos un gráfico circular ("Pie").
Después de agregar la serie en el área 3, la ventana Configuración de gráfico se activa. Aquí debe especificar qué datos se utilizarán en el diagrama. Primero seleccione el conjunto de datos de la lista desplegable "Conjunto de datos". Los campos "Y" y "Texto" se completarán de la siguiente manera; también se pueden seleccionar de las listas desplegables:
En este ejemplo de gráfico circular, los valores de "Texto" se utilizan para mostrar texto explicativo, y solo los valores de "Y" se utilizan para crear el gráfico. Opcionalmente, puede seleccionar valores para "Color", lo que le permite establecer el color deseado para cada "rebanada" del diagrama. ¡No olvide guardar los datos!
Habilite los subtítulos para los fragmentos, establezca Marcas -> Estilo en "smsLabelValue" (mostrar etiqueta y valor), desactive la visibilidad de los ejes, estableciendo ambos ejes ("0 - Izquierda" y "1 - Inferior") Visible en Falso. Presione OK para cerrar el editor y ejecutar el informe para graficar:
Este es un buen comienzo, pero el diagrama claramente necesita algo de trabajo. Activemos una propiedad más que separará las etiquetas entre sí antes de pasar al siguiente paso. Para hacer esto, establezcamos PieSeries -> Marks -> OverlapPolice de opIgnore a opHideNeighbour.
¡Visualmente ya se ve mejor!
Algunas configuraciones útiles
Veamos algunas configuraciones que pueden ser útiles para cambiar la apariencia de un diagrama. Estos solo se pueden hacer en el inspector de objetos del diagrama:
Eje: configuración de los ejes del diagrama.
Leyenda: configuración de la apariencia de la tabla explicativa (leyenda). Está presente tanto para el gráfico como para cada serie por separado. Pero al momento de escribir este artículo, la leyenda solo se puede crear de forma estática o mediante un script. Seguimos trabajando en su autogeneración.
Marcas: configuración de la apariencia de la leyenda.
Título: personalización del título sobre el diagrama.
Diagrama con datos fijos
En el ejemplo anterior, creamos un diagrama basado en datos de una tabla de base de datos, pero también puede ingresar datos en el diagrama manualmente. Este método es útil para crear pequeños diagramas.
Demostremos esto con un pequeño ejemplo. Agregue un diagrama a la página del informe e ingrese a su editor. Inserte una serie de 'Bar' y vaya a la configuración de propiedades:
Cabe mencionar que tendremos que ingresar manualmente valores para el eje X. Cuando ejecute el informe, verá el siguiente resultado:
Creación de códigos de barras
FastReport tiene el elemento útil del código de barras. Esto amplía enormemente el alcance de nuestro generador de informes.
Para agregar un código de barras al informe, debe seleccionar el objeto desde la barra de herramientas lateral. Inmediatamente después aparece la ventana de configuración:
La ventana de Preferencias le permite especificar el código en sí, seleccionar el tipo de código de barras, habilitar la opción de verificación de suma de control y mostrar los símbolos del código. El objeto se puede girar 0 °, 90 °, 180 °, 270 ° grados para una fácil colocación.
El código para el código de barras se puede establecer mediante un campo de la base de datos, una función, una variable o ingresar manualmente. La siguiente figura muestra el editor de expresiones.
No se sorprenda si el código del código de barras no cambia después de seleccionar un valor. Asegúrese de guardar todo y luego ejecute el informe. Desde allí, es claramente visible que se muestra el código ingresado y se ha formado un código de barras.
¡En nombre de toda la empresa deseamos a todos los estudiantes mucho éxito en sus estudios!