Implementación Diagrama Gantt

En nuestro proyecto requerimos la implementación de un diagrama Gantt desde el Front-End para la visualización de tareas de una forma más práctica. El proyecto está construido en Angular 12.2.

Nuestra plataforma básicamente asigna tareas a diferentes personas. Las tareas son programadas y se deben realizar en ciertas horas del día. Al momento de llegar una nueva tarea, queremos que un coordinador pueda visualizar de manera ágil, cual de las personas tiene un espacio libre.

En la imagen adjunta encuentran el como queremos que se pueda visualizar.
En el eje Y van los nombres de las personas, en la X arriba las horas del día. Las tareas pueden tener una duración previamente definida.

Cuando se asigna una tarea a una persona, esta persona estará ocupada por ejemplo durante de una hora.

Características:

1) El eje X debe ser ajustable para visualizar las 24 horas del día y tener la opción de ver un día, dos días, una semana y un mes. La fecha de partida para estas visualizaciones se debe seleccionar en un calendario.
2) El eje Y debe mostrar todas las personas que se encuentran activas.


3) Al pasar el mouse sobre una tarea, o haciendo Click en ella, se debe mostrar una información básica de la tarea. Con un doble Click, lleva al detalle de la tarea.

Nosotros podemos construir todos los servicios desde el Backend para hacer la visualización de la información. Buscamos quien nos pueda ayudar con la implementación de un diagrama Gantt desde el Front para visualizar la información que ya se encuentra en la base de datos.

Please only bid if you are fluent in Spanish.