Gantt

TsgcHTMLComponent_Gantt — renderize um gráfico de cronograma de projeto Gantt com barras de tarefas coloridas e preenchimentos de progresso, em Delphi, C++ Builder e .NET.

Visão geral

TsgcHTMLComponent_Gantt

Adicione tarefas com datas de início e fim e uma porcentagem de progresso, defina um título e então leia a propriedade HTML — o componente dimensiona cada barra ao longo do intervalo do projeto.

Classe do componente

TsgcHTMLComponent_Gantt

Renderiza

Card Bootstrap 5 com barras de tarefas + CSS com escopo

Família

Dados & Tabelas

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Adicione tarefas, defina o progresso, renderize

Defina um Title, chame AddTask para cada item de trabalho com suas datas, progresso e cor e então leia 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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Tarefas

Tasks contém itens de trabalho com Title, StartDate, EndDate, Progress, enum Color e Assignee.

Adicionar tarefas

AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee) adiciona uma barra em uma única chamada.

Dimensionamento automático

O componente encontra o início mais cedo e o fim mais tarde entre todas as tarefas e posiciona cada barra proporcionalmente ao longo desse intervalo.

Progresso

O Progress de cada tarefa (0–100) desenha um preenchimento translúcido sobre sua barra para que a conclusão seja visível à primeira vista.

Título

Title renderiza um título em negrito acima do gráfico; deixe-o em branco para remover a linha do título.

Saída

GanttID identifica o card; HTML retorna o card, as linhas de tarefas e o CSS do Gantt com escopo.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir