Gantt

TsgcHTMLComponent_Gantt — affichez un diagramme de Gantt de planning de projet avec barres de tâches colorées et remplissages de progression, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Gantt

Ajoutez des tâches avec des dates de début et de fin et un pourcentage de progression, définissez un en-tête, puis lisez la propriété HTML — le composant met à l'échelle chaque barre sur l'ensemble de la plage du projet.

Classe du composant

TsgcHTMLComponent_Gantt

Produit

Une carte Bootstrap 5 avec barres de tâches + CSS dédié

Famille

Données & Tableaux

Langages

Delphi, C++ Builder, .NET

QuickStart

Ajoutez des tâches, définissez la progression, affichez-le

Définissez un Title, appelez AddTask pour chaque élément de travail avec ses dates, sa progression et sa couleur, puis lisez 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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Tâches

Tasks contient des éléments de travail avec Title, StartDate, EndDate, Progress, une énumération Color et Assignee.

Ajout de tâches

AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee) ajoute une barre en un seul appel.

Mise à l'échelle automatique

Le composant trouve le début le plus précoce et la fin la plus tardive parmi toutes les tâches et positionne chaque barre proportionnellement sur cette plage.

Progression

La Progress de chaque tâche (0–100) dessine un remplissage translucide sur sa barre pour que l'avancement soit visible en un coup d'œil.

En-tête

Title rend un en-tête en gras au-dessus du diagramme ; laissez-le vide pour supprimer la ligne d'en-tête.

Sortie

GanttID identifie la carte ; HTML renvoie la carte, les lignes de tâches et le CSS Gantt dédié.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir