Gantt
TsgcHTMLComponent_Gantt — genera un diagrama de Gantt de cronograma de proyecto con barras de tareas de color y rellenos de progreso, en Delphi, C++ Builder y .NET.
TsgcHTMLComponent_Gantt — genera un diagrama de Gantt de cronograma de proyecto con barras de tareas de color y rellenos de progreso, en Delphi, C++ Builder y .NET.
Añade tareas con fechas de inicio y fin y un porcentaje de progreso, define un encabezado, y luego lee la propiedad HTML — el componente escala cada barra a lo largo del rango del proyecto.
TsgcHTMLComponent_Gantt
Tarjeta de Bootstrap 5 con barras de tareas + CSS encapsulado
Delphi, C++ Builder, .NET
Define un Title, llama a AddTask para cada elemento de trabajo con sus fechas, progreso y color, y luego lee HTML.
uses
sgcHTML_Enums, sgcHTML_Component_Gantt;
var
oGantt: TsgcHTMLComponent_Gantt;
begin
oGantt := TsgcHTMLComponent_Gantt.Create(nil);
try
oGantt.Title := 'Release Plan';
oGantt.AddTask('Design', EncodeDate(2026, 6, 1),
EncodeDate(2026, 6, 7), 100, hcPrimary, 'Ana');
oGantt.AddTask('Build', EncodeDate(2026, 6, 8),
EncodeDate(2026, 6, 20), 45, hcSuccess, 'Tom');
WebModule.Response := oGantt.HTML; // card + task bars + CSS
finally
oGantt.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Gantt.hpp
TsgcHTMLComponent_Gantt *oGantt = new TsgcHTMLComponent_Gantt(NULL);
try
{
oGantt->Title = "Release Plan";
oGantt->AddTask("Design", EncodeDate(2026, 6, 1),
EncodeDate(2026, 6, 7), 100, hcPrimary, "Ana");
oGantt->AddTask("Build", EncodeDate(2026, 6, 8),
EncodeDate(2026, 6, 20), 45, hcSuccess, "Tom");
String html = oGantt->HTML; // card + task bars + CSS
}
__finally
{
delete oGantt;
}using esegece.sgcWebSockets;
var gantt = new TsgcHTMLComponent_Gantt();
gantt.Title = "Release Plan";
gantt.AddTask("Design", new DateTime(2026, 6, 1),
new DateTime(2026, 6, 7), 100, TsgcHTMLColor.hcPrimary, "Ana");
gantt.AddTask("Build", new DateTime(2026, 6, 8),
new DateTime(2026, 6, 20), 45, TsgcHTMLColor.hcSuccess, "Tom");
string html = gantt.HTML; // card + task bars + CSSLos miembros que usarás con más frecuencia.
Tasks contiene elementos de trabajo con Title, StartDate, EndDate, Progress, el enum Color y Assignee.
AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee) añade una barra en una sola llamada.
El componente encuentra el inicio más temprano y el fin más tardío de todas las tareas y posiciona cada barra de forma proporcional a lo largo de ese rango.
El Progress (0–100) de cada tarea dibuja un relleno translúcido sobre su barra para que el avance se vea de un vistazo.
Title genera un encabezado en negrita sobre el diagrama; déjalo en blanco para quitar la fila de encabezado.
GanttID identifica la tarjeta; HTML devuelve la tarjeta, las filas de tareas y el CSS encapsulado del Gantt.