Gantt

TsgcHTMLComponent_Gantt — renderizza un diagramma di Gantt per la pianificazione di progetti con barre delle attività colorate e riempimenti di avanzamento, in Delphi, C++ Builder e .NET.

In sintesi

TsgcHTMLComponent_Gantt

Aggiungi le attività con date di inizio e fine e una percentuale di avanzamento, imposta un’intestazione, quindi leggi la proprietà HTML — il componente ridimensiona ogni barra lungo l’intervallo del progetto.

Classe del componente

TsgcHTMLComponent_Gantt

Renderizza

Bootstrap 5 card with task bars + scoped CSS

Famiglia

Dati e Tabelle

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Aggiungi le attività, imposta l’avanzamento, renderizzalo

Imposta un Title, chiama AddTask per ogni elemento di lavoro con le sue date, l’avanzamento e il colore, quindi leggi 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 + CSS

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Attività

Tasks contiene gli elementi di lavoro con Title, StartDate, EndDate, Progress, Color enum e Assignee.

Aggiungere attività

AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee) aggiunge una barra con una singola chiamata.

Scalatura automatica

Il componente individua l’inizio più precoce e la fine più tardiva tra tutte le attività e posiziona ogni barra in modo proporzionale lungo tale intervallo.

Avanzamento

Il Progress di ogni attività (0–100) disegna un riempimento traslucido sulla sua barra così il completamento è visibile a colpo d’occhio.

Intestazione

Title renderizza un’intestazione in grassetto sopra il diagramma; lascialo vuoto per eliminare la riga di intestazione.

Output

GanttID identifica la card; HTML restituisce la card, le righe delle attività e il CSS dedicato del Gantt.

Risorse

Continua a esplorare

	Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.	Apri
	Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.	Apri
	PrezziLicenze Single, Team e Site con codice sorgente completo.	Apri