Un tipo interesante de gráficos, el diagrama de Gantt, apareció con el lanzamiento de FastReport Business Graphics. En primer lugar, es un tipo popular de gráficos de barras para mostrar planes, horarios de trabajo para cualquier proyecto. El diagrama de Gantt es uno de los métodos de planificación de proyectos y se utiliza en aplicaciones de gestión de proyectos.
Primero, lancemos un proyecto de demostración. Así es como se ve la página de inicio cuando abre la demostración del diagrama de Gantt.
Arriba, vemos el encabezado del diagrama, que muestra el período para el desarrollo de un proyecto condicional. La lista de tareas se muestra a la izquierda y los intervalos de tareas realizadas están en el centro.
Editémoslo un poco. Para entrar en el modo de edición, haga clic derecho en cualquier cadena y haga clic en Properties, y verá una ventana como en la captura de pantalla.
El nodo se entiende como esta línea, que denota una acción en el proyecto.
Empecemos por la paleta. La paleta le permite trabajar con el estilo del diagrama. Aquí puede cambiar la paleta de colores y los estilos.
Paleta de colores es responsable de los colores de los recursos. Aquí puede elegir plantillas listas para usar o personalizarlas a su manera. Para personalizar la paleta, primero debe seleccionar un color y hacer clic en Add. Es posible que también haya notado un ejemplo de cómo se verá el diagrama, que se encuentra en la parte inferior. Esto es conveniente porque no tiene que cerrar y abrir la ventana para ver los cambios.
Ahora pasemos a la ventana Styles. Aquí es donde podemos cambiar las cadenas.
- El estilo de dibujo es responsable de cómo se verá la cuerda en el modo normal.
- Record hovered es responsable de cómo se verán las cadenas cuando mueva el mouse.
- El registro seleccionado aún está en desarrollo.
Cambiemos Record Hovered. Para abrir la ventana de edición, simplemente haga doble clic en el botón izquierdo del nombre y verá la siguiente ventana:
Estilo de relleno configura el estilo de los nodos durante el desplazamiento.
El estilo de degradado es necesario para personalizar de forma flexible la visualización de los nodos durante el desplazamiento (solo para un degradado).
El estilo de sombreado es necesario para personalizar de manera flexible la visualización de los nodos durante el desplazamiento (solo para el sombreado).
Como podemos ver, el control de estilo de los nodos es bastante flexible. Puede cambiar el color de relleno, el estilo de degradado, el color del texto, etc. También hay un ejemplo de cómo se ve el nodo cuando pasa el mouse.
Por ejemplo, cambiemos el estilo de un degradado, establezcamos dos colores, apliquemos cambios y así es como se ve el nodo cuando pasa el mouse.
Ahora vayamos a la ventana de Header. Aquí podemos cambiar su altura, cuadrícula vertical y horizontal en el diagrama, una plantilla de datos, editando la distribución de tareas y la posición del encabezado. Así es como se ve la ventana alprincipio:
Header heeight es responsable de la altura del encabezado. Si establece la altura del encabezado predeterminada, entonces la altura del encabezado será igual a dos nodos.
La escala muestra intervalos de tareas, dependiendo de cuál haya elegido (día, mes, año).
El patrón de cadena es responsable del formato de datos que se mostrará en el encabezado. El valor predeterminado es MMMM (solo se mostrará el mes en el encabezado). C # configura un formato amigable para el usuario. Tendrá la menor cantidad de problemas o errores con él.
Draw horizontal grid y Draw vertical grid son responsables de si habrá líneas horizontales y verticales en el diagrama.
Show top date in header es responsable de mostrar la fecha según su configuración en Scale.
La vista inferior del encabezado muestra dónde estará el mes en el encabezado.
La segmentación en el encabezado está configurada para mostrar los días (1 a 31).
Cambiemos nuestro encabezado. Establezcamos las siguientes propiedades:
Ahora, nuestro diagrama se ve así:
Ahora tenemos una cuadrícula más precisa. El mes se divide en 10 días y las tareas se distribuyen uniformemente.
Vayamos a la pestaña Datos, se ve así:
Aquí podemos crear un nuevo recurso y tareas, así como un par de funciones. Vamos a empezar desde el principio.
En Date, almacenamos tareas. Podemos eliminarlos, agregar nuevas tareas u ordenarlos.
Recursos muestra recursos (a menudo empleados). Para su comodidad, puede asignarles un índice.
Se necesita texto en el intervalo para mostrar las tareas justo en el intervalo.
La posición del texto es responsable de dónde se ubicará el texto en el intervalo.
Se necesita el ancho máximo del bloque con el título del registro para ajustar la longitud de la lista de tareas (columna más a la izquierda).
Cabe señalar que si el valor es demasiado pequeño, se asignará el valor mínimo a la propiedad. Esto se hace para que no haya errores en la pantalla si el usuario comete un error.
Es importante saber que cada recurso debe tener su propio índice único. De lo contrario, el diagrama puede funcionar con problemas.
También puede agregar el nombre de la tarea directamente en el intervalo. Basta con marcar la casilla en Texto en intervalos y establecer la posición en el medio. Agreguemos un nuevo recurso y tarea.
Haga doble clic en la tarea para agregar un recurso, cambie las fechas de inicio y finalización y verá una nueva ventana:
Para agregar un recurso, debe escribir su nombre a continuación y hacer clic en el botón +.
Ya hemos creado una tarea en la pestaña Data, ahora creamos un nuevo recurso y hacemos clic en ok. Así es como se ve nuestro diagrama ahora:
Como podemos ver, en la esquina inferior derecha tenemos un nuevo intervalo, que ha estado en desarrollo durante un mes y tiene un color separado (amarillo) para que no se confunda todo. El nombre de la tarea se agregará a la izquierda del nuevo intervalo.
Felicitaciones, aprendimos a editar un diagrama existente. Ahora creemos un diagrama.
Haga clic en la pestaña Custom data en la página de inicio, esto es lo que vemos cuando hace clic en el botón:
Para crear su propio diagrama, primero debe crear un archivo .csv o .xml. Tomemos un ejemplo de archivo .csv ubicado en \ Demos \ Data \ GanttSamples. Se parece a esto:
Tenemos 4 columnas, Name, StartDate, EndDate e Index. Los ingresamos uno a uno:
Obtenemos un diagrama que se ve así:
Recuerda que solo tenemos 4 columnas.
Name member: contiene el nombre de las tareas.
Start Date member: contiene la fecha en la que se inició el trabajo con la tarea.
End Date member: contiene la fecha de finalización de la tarea.
Resource member es el nombre de los recursos.
Para evitar problemas, es importante controlar los nombres de las columnas que completará al crear un gráfico y el orden en el que se ingresan los datos.
Resumamos. Este artículo explica en detalle cómo trabajar con el diagrama de Gantt en FastReport BusinessGraphics. Aprendimos a cambiar el color y el estilo del nodo. Trabajamos con el encabezado del diagrama y descubrimos cómo agregar nuevas tareas, intervalos y recursos. A lo largo de esto, aprendimos cómo crear nuestro propio diagrama usando un archivo .csv.
Le deseamos mucha suerte usándolo ;)
